Не вдалося завантажити ресурс під Chrome

На веб-сторінці є купа зображень.

Інші браузери завантажують їх правильно, але Chrome не завантажує їх.

На консолі розробника відображається таке повідомлення для кожного зображення:

Не вдалося завантажити ресурс

Ця проблема з’являється лише в Chrome.

Що це?

Нещодавно я зіткнувся з цією проблемою і виявив, що вона викликана розширенням "Adblock" (я найкраще здогадуюсь, що це тому, що у мене було слова "банер" та "оголошення" у назві файлу).

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

Перевірте вкладку мережі, щоб побачити, чи Chrome не вдалося завантажити жоден файл ресурсу.

Якщо це допомагає комусь, у мене була така сама проблема і я виявив, що це було викликано розширенням Chrome "Не відстежувати плюс" (версія 2.0.8). Коли я відключив це розширення, зображення завантажувалося без помилок.

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

1. Клацніть правою кнопкою миші хром
2. Перейдіть до "перевірити елемент"
3. Шукайте вкладку "мережа" десь вгорі. Клацніть по ньому.
4. Поставте прапорець "відключити кеш".

Рішення Кабіра правильне. Моя URL-адреса зображення була

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

і це відключило AdBlock. Це не було проблемою між доменом для мене, і вона не вдалася як у localhost, так і в Інтернеті.

Я використовував вкладку мережі 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 м), і лише в тому випадку, якщо зображення було більше, ніж htg 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 та питання переповнення стека Bizarre Error у консолі розробника Chrome - Не вдалося завантажити ресурс: net :: ERR_CACHE_MISS .

Існує тимчасова робота в Reenable (тимчасова) підтримка showModalDialog в Chrome (для Windows) 37+ .

В основному, створіть нову рядок у реєстрі за адресою

HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome\EnableDeprecatedWebPlatformFeatures

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

FYI - У мене була і ця проблема, і виявилось, що мій html перерахував .jpg файл із .JPG у кришках, але сам файл був малий .jpg. Це відображалось нормально локально та за допомогою Codekit, але коли його було натиснуто в Інтернет, воно не завантажиться. Просто змінивши імена файлів, щоб вони мали малі розширення .jpg, щоб вони відповідали HTML, зробили трюк.

У Chrome (Canary) я зняв розширення "Appspector". Це усунуло помилку.

Я оновив браузер Chrome до останньої версії, і проблема була виправлена.

Це пов’язано з рекламним блокатором. Коли назви файлів проекту містять слова типу "ad", тоді блокатори реклами також блокують завантаження цих файлів.

Найкраще рішення - ніколи не зберігайте жодних файлів за допомогою цих клавіш імен.