Не удалось загрузить ресурс в Chrome

На веб-странице есть куча изображений.

Другие браузеры загружают их правильно, но Chrome не загружает их.

В консоли разработчика это показывает следующее сообщение для каждого изображения:

не удалось загрузить ресурс

Эта проблема появляется только в Chrome.

Что это?

Недавно я столкнулся с этой проблемой и обнаружил, что она была вызвана расширением «Adblock» (мое лучшее предположение заключается в том, что у меня были слова «banner» и «ad» в имени файла).

Чтобы быстро проверить, является ли это вашей проблемой, запустите Chrome в режиме инкогнито с отключенными расширениями ( ctrl+ shift+n ) и посмотрите, работает ли ваша страница сейчас. Обратите внимание, что по умолчанию все расширения уже отключены в режиме инкогнито, если вы специально не настроили их запуск (через chrome://extensions).

Проверьте вкладку сети, чтобы увидеть, не удалось ли Chrome загрузить какой-либо файл ресурсов.

В случае, если это кому-нибудь поможет, у меня возникла точно такая же проблема, и я обнаружил, что она вызвана расширением Chrome «Не отслеживать плюс» (версия 2.0.8). Когда я отключил это расширение, изображение загружалось без ошибок.

Также есть возможность отключить кеш для сетевых ресурсов. Это может быть лучше для развивающихся сред.

1. Щелкните правой кнопкой мыши Chrome
2. Перейти к «проверить элемент»
3. Найдите вкладку «сеть» где-то вверху. Нажмите на это.
4. Установите флажок «отключить кеш».

Решение Кабира верное. URL моего изображения был

/images/ads/homepage/small-banners01.png, 

и это отключило AdBlock. Это не было междоменной проблемой для меня, и это не удалось как на локальном хосте, так и в сети.

Я использовал вкладку сети Chrome для отладки и нашел очень запутанные результаты для этих конкретных изображений, которые не удалось загрузить. Первый запрос не даст ответа (Статус "(ожидает)"). Позже появился второй запрос, в котором был указан исходный URL, а затем «Перенаправить» в качестве инициатора. Все заголовки запроса на перенаправление были для этой идентичной короткой строки данных, закодированных в base64, и каждый из них не возвращал ответа, хотя статус был «Успешный»:

GET      data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAACklEQVR4nGMAAQAABQABDQottAAAAABJRU5ErkJggg== HTTP/1.1

Позже я заметил, что эти встроенные стили были добавлены ко всем элементам изображения:

    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

Наконец, я не получил никаких сообщений «не удалось загрузить ресурс» в консоли, а вот так:

Port error: Could not establish connection. Receiving end does not exist.

Если что-то из этого происходит с вами, это, вероятно, связано с AdBlock. Выключите его и / или переименуйте файлы изображений.

Кроме того, из-за встроенного CSS, созданного AdBlock, макет моего слайдера рекламных акций был скинут. Хотя я смог исправить проблемы с макетом с помощью CSS, прежде чем нашел решение Кабира, CSS был несколько излишним и влиял на гибкость слайдера для обработки изображений разных размеров.

Я думаю, что урок: будьте осторожны, как вы называете свои изображения. Эти изображения не были злонамеренными или раздражающими, поскольку они предупреждали посетителей о текущих акциях и специальных предложениях ненавязчивым способом.

Если изображения генерируются через ASP Response.Write(), убедитесь, что вы не звоните Response.Close();. Хрому это не нравится.

Я получал эту ошибку, только в Chrome (последняя версия 24.0.1312.57 m), и только если изображение было больше, чем html img. Я использовал скрипт php для вывода изображения следующим образом:

header('Content-Length: '.strlen($data));
header("Content-type: image/{$ext}");
echo base64_decode($data);

Я решил добавить 1 к длине изображения:

header('Content-Length: '.strlen($data) + 1);
header("Content-type: image/{$ext}");
echo base64_decode($data);

Похоже, что Chrome не ожидает правильное количество байтов.

Проверено с успехом в Chrome и IE 9. Надеюсь, что это поможет.

Факты:

• Я отключил все плагины, и проблема все еще остается.
• Есть несколько сайтов, где проблема не возникает.
• Это известная проблема. См. Проблему 424599. Не удалось загрузить ресурс: net :: ERR_CACHE_MISS при открытии DevTools на страницах PHP и вопрос переполнения стека. Странная ошибка в консоли разработчика Chrome - Не удалось загрузить ресурс: net :: ERR_CACHE_MISS .

В Reenable (временном) временном обходе есть поддержка showModalDialog в Chrome (для Windows) 37+ .

По сути, создайте новую строку в реестре на

HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome\EnableDeprecatedWebPlatformFeatures

Под ключом EnableDeprecatedWebPlatformFeatures создайте строковое значение с именем 1и значением ShowModalDialog_EffectiveUntil20150430. Чтобы убедиться, что политика включена, посетите chrome://policyURL.

К вашему сведению - у меня тоже была эта проблема, и оказалось, что мой html перечислил файл .jpg с .JPG заглавными буквами, но сам файл был строчным .jpg. Это хорошо отрисовывалось локально и с использованием Codekit, но когда он был помещен в сеть, он не загружался. Простое изменение имен файлов, чтобы иметь расширение .jpg в нижнем регистре, чтобы соответствовать HTML сделал свое дело.

В Chrome (Canary) я отключил расширение «Appspector». Это очистило ошибку.

Я обновил свой браузер Chrome до последней версии, и проблема была исправлена.

Это происходит из-за блокировщика рекламы. Когда имена файлов проекта содержат слова типа «реклама», блокировщики рекламы также блокируют загружаемые файлы.

Лучшее решение - никогда не сохранять файлы с этими именными ключами.