Ошибка Chrome & Safari :: Не удалось загрузить локальный ресурс: file: /// D: /CSS/Style.css

Question

Когда я захожу на страницу aspx в chrome или safari, в консоли отображается эта ошибка

Запрещено загружать локальный ресурс: file: /// D: /CSS/Style.css

Все отлично работает в IE и FF.

Я использую внешний CSS, который связан на странице aspx через

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

Я попробовал все комбинации "/ "&" \ "косая черта ..

Указываю ли я неверный путь к файлу или какое-либо исключение безопасности в этих браузерах (я вошел в систему как администратор) ... Что я делаю неправильно?

Answer 1

Вы не сможете получить доступ к локальному ресурсу со своей страницы aspx (веб-сервер). Вы пробовали относительный путь от вашей страницы aspx к вашему css-файлу, вот так ...

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

Выше предполагается, что у вас есть папка с именем CSS в корне вашего сайта, например:

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

Answer 2

Сегодня Safari можно настроить для доступа к локальным файлам.

• По умолчанию Safari не разрешает доступ к локальным файлам.
• Чтобы включить эту опцию: Сначала вам нужно включить меню разработки.
• Щелкните меню «Разработка» и выберите «Отключить локальные ограничения для файлов».

Источник: http://ccm.net/faq/36342-safari-how-to-enable-local-file-access

Answer 3

Решение уже дано здесь (давно).

Но неявный вопрос «почему он работает в FF и IE, но не в Chrome и Safari» содержится в тексте ошибки «Не разрешено загружать локальный ресурс»: в Chrome и Safari, похоже, используется более строгая реализация «песочницы» (по соображениям безопасности), чем два других (в настоящее время 2011).

Это относится к локальному доступу. В (нормальной) серверной среде (apache ...) файл просто не был бы найден.

Answer 4

Я знаю, что этот пост старый, но вот что я нашел. Он не работает, когда я связываю его таким образом (с / до css/style.css в атрибуте href.

<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" />

Это доставляло мне неприятности в моем проекте. Надеюсь, это поможет кому-то еще.