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

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

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

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

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

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

Что это?

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

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

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

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

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

  1. Щелкните правой кнопкой мыши хром
  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, прежде чем найти решение Kabir, CSS был несколько лишним и повлиял на гибкость ползунка для обработки изображений нескольких размеров.

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

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

Я получал эту ошибку, только в Chrome (последняя версия 24.0.1312.57 м), и только если изображение было больше, чем 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. Надеюсь, эта помощь.

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

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

 HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome\EnableDeprecatedWebPlatformFeatures 

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

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

Факты:

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

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

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

  • Как исправить Array indexOf () в JavaScript для браузеров Internet Explorer
  • Какие запросы вызывают обновления браузеров «F5» и «Ctrl + F5»?
  • IE7 и свойство table-cell CSS
  • Поддержка браузера .SVG
  • Поддержка браузера для URL-адресов, начинающихся с двойной косой черты
  • Почему это не так: побывал в стиле css?
  • Можно ли запустить несколько версий Google Chrome на одном компьютере? (Mac или Windows)
  • HTML5 аудио не работает в Firefox
  • Как отключить подсветку выделения текста?
  • Как указать язык вашей веб-страницы, чтобы Google Chrome не предлагал его перевести
  • tags header / footer / nav - что происходит с ними в IE7, IE8 и браузерах, чем не поддерживают HTML5?
  • Давайте будем гением компьютера.