web-dev-qa-db-ja.com

Chrome＆Safariエラー::ローカルリソースのロードが許可されていません：file：/// D：/CSS/Style.css

chromeまたはsafariでaspxページにアクセスすると、コンソールにこのエラーが表示されます

ローカルリソースのロードが許可されていません：file：/// D：/CSS/Style.css

すべてがIEおよびFF。

私は経由でaspxページにリンクされている外部CSSを使用しています

<link rel="stylesheet" media="all" href="file:///D:/CSS/Style.css" type="text/css" />

「/」と「\」のすべての組み合わせを試しました。

間違った方法でファイルパスを指定しているか、これらのブラウザでセキュリティ例外が発生しているか（管理者としてログインしています）...

cssgoogle-chromesafari
34
Maybe2013

Aspxページ（Webサーバー）からローカルリソースにアクセスすることはできません。あなたはaspxページからcssファイルへの相対パスを次のように試しましたか...

<link rel="stylesheet" media="all" href="/CSS/Style.css" type="text/css" />

上記では、次のようにWebサイトのルートにCSSというフォルダーがあることを前提としています。

http://www.website.com/CSS/Style.css
29
Zinc

今日では、ローカルファイルにアクセスするようにSafariを構成できます。

  • デフォルトでは、Safariはローカルファイルへのアクセスを許可しません。
  • このオプションを有効にするには：まず、開発メニューを有効にする必要があります。
  • [開発]メニューをクリックして、[ローカルファイルの制限を無効にする]を選択します。

ソース： http://ccm.net/faq/36342-safari-how-to-enable-local-file-access

9
John Meyer

解決策は、すでにここ（かなり前）で回答されています。

しかし、「なぜFFおよびIEで動作しないChromeおよびSafari」では動作しないのか」という暗黙の質問は、「リソース」：ChromeとSafariは、セキュリティ上の理由から）他の2つ（現時点では2011年）よりも厳密なサンドボックスの実装を使用しているようです。

これはローカルアクセスに適用されます。 （通常の）サーバー環境（Apache ...）では、ファイルは単に見つかりませんでした。

7
Michael

私はこの投稿が古いことを知っていますが、ここで私が見つけたものです。この方法でリンクすると機能しません（href属性の/の前にcss/style.cssを使用します）。

<link rel="stylesheet" media="all" href="/CSS/Style.css" type="text/css" />

ただし、/を削除すると、cssファイルと適切にリンクできるようになります（/なし）。

<link rel="stylesheet" media="all" href="CSS/Style.css" type="text/css" />

これは私のプロジェクトで問題を引き起こしていました。それが他の誰かを助けることを願っています。

1
JavaAllDay