HTML object要素での外部ファイル読み込みのメモ3

発生した問題内容

object要素を使用して外部テキストファイルを読み込むHTMLファイルを作成し、Chromeで表示したが、contentDocumentがnullで内容が取得できない。

 

・DevToolでobject要素を見ると、#documentとして内容が表示されている。

 <object>

  #document

  ~データ~

 </object>

JavaScriptでID指定で取得したり、デバッガのwatchではcontentDocumentがnullになっている

・ローカル環境でPC内のHTMLファイルを直接ブラウザで表示している

 

解決の概要

HTMLファイルをhttpサーバにアップロードしてサーバ経由で表示したところ、contentDocumentで内容が取得できた。

 

ローカルファイルを別ドメインとして読み込ませないChromeの制限によるものと考えられた。

httpサーバのない環境を想定して、XMLHttpRequestを使用せずobject要素での外部ファイル読み込みを行ったが制限が発生した。