Fehler beim Laden der Ressource unter Chrome

Eine Webseite enthält eine Reihe von Bildern.

Andere Browser laden sie korrekt herunter, aber Chrome lädt sie nicht.

In der Entwicklerkonsole wird für jedes Bild die folgende Meldung angezeigt:

laden der Ressourcen fehlgeschlagen

Dieses Problem tritt nur in Chrome auf.

Was ist es?

Ich bin kürzlich auf dieses Problem gestoßen und habe festgestellt, dass es durch die Erweiterung "Adblock" verursacht wurde (meine beste Vermutung ist, dass ich die Wörter "Banner" und "Anzeige" im Dateinamen hatte).

Starten Sie Chrome im Inkognito-Modus mit deaktivierten Erweiterungen ( ctrl+ shift+n ) und prüfen Sie, ob Ihre Seite jetzt funktioniert , um festzustellen, ob dies Ihr Problem ist . Beachten Sie, dass standardmäßig alle Erweiterungen im Inkognito-Modus bereits deaktiviert sind, es sei denn, Sie haben ausdrücklich festgelegt, dass sie ausgeführt werden (via chrome://extensions).

Überprüfen Sie auf der Registerkarte "Netzwerk", ob Chrome keine Ressourcendatei herunterladen konnte.

Falls es jemandem hilft, hatte ich genau das gleiche Problem und stellte fest, dass es durch die Chrome-Erweiterung "Do Not Track Plus" (Version 2.0.8) verursacht wurde. Wenn ich diese Erweiterung deaktiviert habe, wurde das Bild ohne Fehler geladen.

Es besteht auch die Möglichkeit, den Cache für Netzwerkressourcen zu deaktivieren. Dies ist möglicherweise am besten für die Entwicklung von Umgebungen geeignet.

1. Klicken Sie mit der rechten Maustaste auf Chrom
2. Gehen Sie zu 'Element inspizieren'
3. Suchen Sie oben oben nach der Registerkarte "Netzwerk". Klick es.
4. Aktivieren Sie das Kontrollkästchen "Cache deaktivieren".

Kabirs Lösung ist richtig. Meine Bild- URL war

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

und dies löste AdBlock aus. Dies war für mich kein domänenübergreifendes Problem und schlug sowohl auf localhost als auch im Web fehl.

Ich habe die Netzwerkregisterkarte von Chrome zum Debuggen verwendet und sehr verwirrende Ergebnisse für diese spezifischen Bilder gefunden, die nicht geladen werden konnten. Die erste Anforderung würde keine Antwort zurückgeben (Status "(ausstehend)"). Später gab es eine zweite Anfrage, in der die ursprüngliche URL und dann "Weiterleiten" als Initiator aufgeführt waren. Die Umleitungsanforderungsheader waren alle für diese identische kurze Zeile von base64-codierten Daten und gaben jeweils keine Antwort zurück, obwohl der Status "Erfolgreich" war:

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

Später bemerkte ich, dass diese Inline-Stile allen Bildelementen hinzugefügt wurden:

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

Schließlich erhielt ich keine Meldungen "Ressource konnte nicht geladen werden" in der Konsole, sondern Folgendes:

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

Wenn Ihnen eines dieser Dinge passiert, hat es wahrscheinlich etwas mit AdBlock zu tun. Schalten Sie es aus und / oder benennen Sie Ihre Bilddateien um.

Aufgrund des von AdBlock erstellten Inline- CSS wurde das Layout meines Werbeschiebereglers verworfen. Während ich die Layoutprobleme mit CSS beheben konnte, bevor ich Kabirs Lösung fand, war das CSS etwas unnötig und beeinträchtigte die Flexibilität des Schiebereglers für die Verarbeitung von Bildern mit mehreren Größen.

Ich denke, die Lektion lautet: Sei vorsichtig, wie du deine Bilder nennst. Diese Bilder waren nicht böswillig oder ärgerlich, sondern machten die Besucher auf unauffällige Weise auf aktuelle Werbeaktionen und Sonderangebote aufmerksam.

Wenn die Bilder über einen ASP generiert werden Response.Write(), stellen Sie sicher, dass Sie nicht anrufen Response.Close();. Chrome mag es nicht.

Ich habe diesen Fehler nur in Chrome (letzte Version 24.0.1312.57 m) erhalten und nur, wenn das Bild größer als das HTML-Bild war. Ich habe ein PHP-Skript verwendet, um das Bild wie folgt auszugeben:

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

Ich habe es gelöst und 1 zur Länge des Bildes hinzugefügt:

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

Offenbar erwartet Chrome nicht die richtige Anzahl von Bytes.

Getestet mit Erfolg in Chrome und IE 9. Hoffe diese Hilfe.

Fakten:

• Ich habe alle Plugins deaktiviert und das Problem bleibt weiterhin bestehen.
• Es gibt einige Stellen, an denen das Problem nicht auftritt.
• Es ist ein bekanntes Problem. Siehe Problem 424599: Fehler beim Laden der Ressource: net :: ERR_CACHE_MISS Fehler beim Öffnen von DevTools auf PHP-Seiten und Frage zum Stapelüberlauf Bizarrer Fehler in der Chrome Developer Console - Fehler beim Laden der Ressource: net :: ERR_CACHE_MISS .

In Reenable (temporär) showModalDialog-Unterstützung in Chrome (für Windows) 37+ wird vorübergehend umgangen .

Grundsätzlich erstellen Sie eine neue Zeichenfolge in der Registrierung unter

HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome\EnableDeprecatedWebPlatformFeatures

Erstellen Sie unter dem Schlüssel EnableDeprecatedWebPlatformFeatures einen Zeichenfolgenwert mit dem Namen 1und dem Wert von ShowModalDialog_EffectiveUntil20150430. Besuchen Sie die chrome://policyURL , um zu überprüfen, ob die Richtlinie aktiviert ist .

Zu Ihrer Information - Ich hatte auch dieses Problem und es stellte sich heraus, dass mein HTML die .jpg-Datei mit einem .JPG in Großbuchstaben auflistete, aber die Datei selbst war .jpg in Kleinbuchstaben. Das wurde lokal und mit Codekit gut gerendert, aber wenn es ins Web gestellt wurde, wurde es nicht geladen. Das einfache Ändern der Dateinamen in eine .jpg-Erweiterung in Kleinbuchstaben, die mit dem HTML-Code übereinstimmt, hat den Trick getan.

In Chrome (Canary) habe ich die Erweiterung "Appspector" deaktiviert. Damit war der Fehler behoben.

Ich habe meinen Chrome-Browser auf die neueste Version aktualisiert und das Problem wurde behoben.

Dies liegt am Werbeblocker. Wenn Projektdateinamen Wörter wie "ad" enthalten, blockieren Werbeblocker auch das Laden dieser Dateien.

Die beste Lösung ist, niemals Dateien mit diesen Namensschlüsseln zu speichern.