Google Chromeで「ローカルリソースの読み込みが許可されていません」というエラーを修正する方法

Google Chromeはどこにでもいますが、ローカルファイルやリソースの読み込みが拒否されるのは、時に厄介な問題です。「ローカルリソースの読み込みが許可されていません」というエラー？本当に困ります。通常、Chromeのセキュリティ設定が過剰になると、ローカルのHTMLファイルや画像が表示できなくなります。DNSの不具合、キャッシュの問題、セキュリティ制限などが原因の場合もあります。特に高度な設定や拡張機能をいじりたくない場合は、このエラーの解決は必ずしも直感的ではありません。しかし、他のブラウザや奇妙な回避策に頼らずにローカルファイルに素早くアクセスする必要がある場合は、このガイドが役立つはずです。

Google Chromeでローカルリソースの読み込みが許可されない問題を解決する方法

DNS設定をパブリックDNSに変更する

奇妙に思えるかもしれませんが、DNSをいじることで、Chromeがローカルファイルの読み込みをブロックする原因となる奇妙なネットワークの不具合を解消できる場合があります。基本的に、GoogleのDNS（8.8.8.8および8.8.4.4）に切り替えることで、潜在的なDNS解決の問題を解決できます。特に、ネットワーク関連のエラーやDNSの競合が頻繁に発生し、Chromeがローカルファイルに正しくアクセスできない場合は、この方法をお勧めします。手順は簡単ですが、Windowsのバージョンによってメニューパスが若干異なる場合があることに注意してください。

• [コントロール パネル] -> [ネットワークとインターネット] -> [ネットワークと共有センター]に移動します。
• 左側のペインから「アダプターの設定の変更」をクリックします。
• アクティブなネットワーク アダプターを右クリックし、[プロパティ]を選択します。
• [インターネット プロトコル バージョン 4 (TCP/IPv4)]までスクロールして選択し、[プロパティ]をクリックします。

• 新しいウィンドウで、[次の DNS サーバー アドレスを使う] を選択します。
• 優先 DNS サーバーに8.8.8.8 を入力し、代替 DNSに8.8.4.4 を入力します。
• [終了時に設定を検証する]をチェックし、[OK]をクリックします。

ChromeのDNSキャッシュをクリアする

もう一つの有効な方法は、ChromeのDNSキャッシュを直接クリアすることです。Chromeは独自のDNSキャッシュを保持していますが、破損したり古くなったりしてエラーが発生することがあります。少し奇妙に思えるかもしれませんが、このキャッシュクリア手順は実際に効果を発揮することがあります。キャッシュクリアを実行すると、ChromeはDNS情報を最新の状態に再取得する必要があり、ローカルリソースをブロックしていたものを回避できるはずです。

• Chrome を開き、メニュー (3 つのドット) —>その他のツール—>開発者ツールの順にクリックします。
• 開発ツールウィンドウで、[ネットワーク]タブに移動します。
• 「キャッシュを無効にする」をチェックします。これは永続的ではなく、このセッションのみに適用されます。
• ページをリロード（更新ボタンを押してください）すると、Chrome が DNS 情報を再取得するはずです。最初にこれをやっておいても問題ありません。

• アドレスバーにchrome://net-internals/#dnsと入力し、Enter キーを押します。
• 「ホスト キャッシュをクリア」をクリックします。完了すると、DNS キャッシュがリセットされます。

一部の設定では、この組み合わせで読み込みの問題が解決します。他の設定では、それほどうまくいかないこともあります。しかし、かなり簡単なので試してみる価値はあります。

ローカルWebサーバー拡張機能を設定する

Chromeのセキュリティポリシーは、特にローカルでテストしている場合、ローカルファイルに対して厳しすぎることがあります。「Web Server for Chrome」のような小さなウェブサーバー拡張機能をインストールすると、Chromeがローカルディレクトリではなくサーバー上のウェブファイルにアクセスしていると錯覚させることができます。正直に言うと、これは少し強引な修正ですが、開発作業やテストには役立ちます。

• Chrome ウェブストアにアクセスし、「Chrome に追加」をクリックします。
• 「アプリを追加」をクリックして確認します。
• 拡張機能メニューから起動します。通常はツールバーに表示されます。
• [フォルダーを選択]をクリックし、ローカルにロードしようとしているファイルを含むプロジェクトまたはフォルダーを選択します。
• 提供されるリンクを使用して、ローカル URL (などhttp://localhost:PORT) 経由でローカル ファイルにアクセスします。

Chromeのローカルファイルに対するセキュリティ設定を無効にする

まあ、これはちょっと危険ですが、セキュリティ設定がアクセスをブロックしているかどうかを確認したいだけなら、Chromeのセキュリティを一時的にオフにすることもできます。ただし、セキュリティが低下するので、必要以上に長く実行しないでください。

• Chrome を開き、[設定] -> [プライバシーとセキュリティ] -> [セキュリティ]に移動します。
• 下にスクロールして「保護なし（非推奨）」オプションを見つけてください。このオプションは詳細設定の後ろに隠れている場合があるので、オプションを「展開」する必要があるかもしれません。

• そのオプションを選択し、[オフにする]をクリックして、ローカル テストのセキュリティ機能を無効にします。

完了したら、Chromeを再起動してローカルリソースを再度開いてみてください。ただし、これによりブラウザのセキュリティがさらに強化されるため、一時的な対策にとどめてください。

だいたいこれで終わりです。それぞれの修正は少しずつ原因が異なるので、1つがうまくいかない場合は別の方法を試してください。DNSの調整やキャッシュのクリアが最も簡単です。セキュリティが問題の原因になっている場合は、ウェブサーバー拡張機能が役立ちます。Chromeのセキュリティポリシーが厳しいのには理由がありますが、どうしてもローカルファイルを読み込む必要がある場合は、ルールを少し曲げるしかない場合もあることを覚えておいてください。