知恵袋初心者

2022/5/16 23:27

22回答

Edge+JavaScriptでのローカルHTMLファイルの読み込みについてお知恵を借りたいです。

Edge+JavaScriptでのローカルHTMLファイルの読み込みについてお知恵を借りたいです。 ローカルPC上のHTMLファイル+JavaScriptファイル+Chromium版Edgeという環境（Webサーバは使わない）で、EdgeからHTMLファイルをfileプロトコルで開いて表示させています。 その上で「HTMLファイルから別のHTMLファイルの中身をdiv要素内に読み込んで表示する」という処理を実現したいです。 以前は、Edgeの起動時引数オプションに「--arrow-file-access-from-files」を指定して、jQuery(1.12～)のload()を用いて比較的簡単に実現していたのですが…Edgeを最新版にバージョンアップしたところ当該オプションが廃止されてしまい、fileプロトコルでのローカルファイルへのAjaxアクセスが全く出来なくなってしまいました。 XMLHttpRequestやfetchAPIを用いた方法も試しましたが上手く行かず…他にjQueryのload()を代替する手段はありますでしょうか。

JavaScript | JavaScript・278閲覧

ベストアンサー

0
ybb********

カテゴリマスター

2022/5/17 0:15

知恵袋初心者さん >････HTMLファイルから別のHTMLファイルの中身をdiv要素内に読み込んで表示する･･･････ 最近は、セキュリティ強化のため、一般的なローカルファイルは簡単に読み込めないようになっているようです。 iframe や、.js ファイルか、.css ファイルでないと、それなりの操作が必要になります。 ご参考に↓ https://kurage.ready.jp/jhp_g/html5/localF.html https://www.pazru.net/html5/File/020.html https://www.codegrid.net/articles/fileapi-1

ThanksImg質問者からのお礼コメント

ありがとうございます。 HTMLファイルは無理のようですね…。 JavaScript内で判定して埋め込むHTMLファイルを変えたいのでiframeやobjectタグは使えそうにないし…。 ブラウザをChromeにするしかなさそうですね。

お礼日時：5/20 13:22

その他の回答（1件）

0
zeta0208

カテゴリマスター

2022/5/17 4:30

PC上で『XMLHttpRequest』を試したということは PC環境に webサーバー(apacheなど)をインストールして HTTP通信による Ajax の起動を行ったということではないのですか？