Nie udało się załadować zasobu w Chrome

Na stronie internetowej jest kilka zdjęć.

Inne przeglądarki pobierają je poprawnie, ale Chrome ich nie ładuje.

W konsoli programisty wyświetla następujący komunikat dla każdego obrazu:

Wgranie zasobu nieudane

Ten problem pojawia się tylko w Chrome.

Co to jest?

Niedawno natknąłem się na ten problem i odkryłem, że jest on spowodowany rozszerzeniem „Adblock” (przypuszczam, że to dlatego, że miałem w nazwie pliku słowa „banner” i „reklama”).

Aby szybko sprawdzić, czy to twój problem, uruchom Chrome w trybie incognito z wyłączonymi rozszerzeniami ( ctrl+ shift+n ) i sprawdź, czy Twoja strona działa teraz. Pamiętaj, że domyślnie wszystkie rozszerzenia będą już wyłączone w trybie incognito, chyba że specjalnie je skonfigurujesz do uruchamiania (przez chrome://extensions).

Sprawdź kartę sieci, aby sprawdzić, czy Chrome nie pobrał żadnego pliku zasobów.

Na wypadek, gdyby komukolwiek to pomogło, miałem dokładnie ten sam problem i odkryłem, że jest to spowodowane rozszerzeniem Chrome „Do Not Track Plus” (wersja 2.0.8). Po wyłączeniu tego rozszerzenia obraz został załadowany bez błędów.

Istnieje również opcja wyłączenia pamięci podręcznej zasobów sieciowych. Może to być najlepsze w środowiskach programistycznych.

1. Kliknij prawym przyciskiem myszy chrome
2. Przejdź do „inspekcji elementu”
3. Poszukaj karty „sieci” gdzieś u góry. Kliknij to.
4. Zaznacz pole wyboru „wyłącz pamięć podręczną”.

Rozwiązanie Kabira jest prawidłowe. Mój adres URL obrazu to

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

i to zadziałało AdBlock. Nie był to dla mnie problem między domenami i nie powiódł się zarówno na hoście lokalnym, jak i w Internecie.

Używałem karty sieciowej Chrome do debugowania i znajdowania bardzo mylących wyników dla tych konkretnych obrazów, których nie udało się załadować. Pierwsze żądanie nie zwróci odpowiedzi (Status „(w toku)”). Później pojawiło się drugie żądanie, w którym wymieniono oryginalny adres URL, a następnie „Przekieruj” jako inicjatora. Wszystkie nagłówki żądań przekierowania dotyczyły tego samego krótkiego wiersza danych zakodowanych w standardzie base64 i każdy nie zwrócił żadnej odpowiedzi, chociaż status miał wartość „Udane”:

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

Później zauważyłem, że te style wbudowane zostały dodane do wszystkich elementów obrazu:

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

Wreszcie nie otrzymałem żadnych komunikatów „nie udało się załadować zasobu” w konsoli, a raczej to:

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

Jeśli coś takiego Ci się przytrafia, prawdopodobnie ma to coś wspólnego z AdBlockiem. Wyłącz i / lub zmień nazwę swoich plików obrazów.

Ponadto z powodu wbudowanego CSS utworzonego przez AdBlock układ suwaka moich promocji został zrzucony. Podczas gdy byłem w stanie naprawić problemy z układem w CSS, zanim znalazłem rozwiązanie Kabira, CSS był nieco niepotrzebny i wpłynął na elastyczność suwaka do obsługi obrazów o różnych rozmiarach.

Lekcja brzmi: Uważaj, jak nazywacie swoje obrazy. Te obrazy nie były złośliwe ani denerwujące, ponieważ w dyskretny sposób ostrzegały odwiedzających o aktualnych promocjach i promocjach.

Jeśli obrazy są generowane przez ASP Response.Write(), upewnij się, że nie dzwonisz Response.Close();. Chrome to nie lubi.

Otrzymałem ten błąd, tylko w Chrome (ostatnia wersja 24.0.1312.57 m) i tylko jeśli obraz był większy niż obraz HTML. Użyłem skryptu php do wyprowadzenia obrazu w następujący sposób:

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

Rozwiązałem go, dodając 1 do długości obrazu:

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

Wygląda na to, że Chrome nie oczekuje poprawnej liczby bajtów.

Testowany z powodzeniem w Chrome i IE 9. Mam nadzieję, że ta pomoc.

Fakty:

• Wyłączyłem wszystkie wtyczki i problem nadal występuje.
• Istnieje kilka witryn, w których problem nie występuje.
• To znany problem. Patrz problem 424599: Błąd ładowania zasobu: net :: ERR_CACHE_MISS podczas otwierania DevTools na stronach PHP i pytanie przepełnienia stosu Dziwny błąd w konsoli programisty Chrome - Nie można załadować zasobu: net :: ERR_CACHE_MISS .

W programie Reenable (tymczasowym) obsługa showModalDialog w przeglądarce Chrome (dla systemu Windows) 37+ jest tymczasowo dostępna .

Zasadniczo utwórz nowy ciąg w rejestrze pod adresem

HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome\EnableDeprecatedWebPlatformFeatures

Pod kluczem EnableDeprecatedWebPlatformFeatures utwórz wartość ciągu o nazwie 1i wartości ShowModalDialog_EffectiveUntil20150430. Aby sprawdzić, czy zasada jest włączona, odwiedź chrome://policyadres URL.

Do Twojej wiadomości - miałem również ten problem i okazało się, że mój plik html zawierał plik .jpg z rozszerzeniem .JPG w wielkich literach, ale sam plik miał małe litery .jpg. To działało poprawnie lokalnie i przy użyciu Codekit, ale kiedy zostało zepchnięte do sieci, nie ładowało się. Wystarczy zmiana nazw plików, aby rozszerzenie .jpg pisane małymi literami pasowało do html.

W Chrome (Canary) odznaczyłem rozszerzenie „Appspector”. To usunęło błąd.

Zaktualizowałem przeglądarkę Chrome do najnowszej wersji i problem został rozwiązany.

Wynika to z blokowania reklam. Kiedy nazwy plików projektów zawierają słowa takie jak „reklama”, wówczas blokery reklam blokują te pliki do załadowania.

Najlepszym rozwiązaniem jest, aby nigdy nie zapisywać żadnych plików z tymi kluczami nazw.