Impossibile caricare la risorsa in Chrome

C'è un mucchio di immagini in una pagina web.

Altri browser li stanno scaricando correttamente, ma Chrome non li carica.

Nella console di sviluppo, mostra il seguente messaggio per ogni immagine:

Caricamento della risorsa non riuscito

Questo problema si presenta solo in Chrome.

Che cos'è?

Di recente ho riscontrato questo problema e ho scoperto che era causato dall'estensione "Adblock" (la mia ipotesi migliore è che fosse perché avevo le parole "banner" e "annuncio" nel nome del file).

Come test rapido per vedere se questo è il tuo problema, avvia Chrome in modalità di navigazione in incognito con le estensioni disattivate ( ctrl+ shift+n ) e verifica se la tua pagina funziona ora. Nota che per impostazione predefinita tutte le estensioni saranno già disabilitate in modalità di navigazione in incognito, a meno che tu non le abbia specificatamente impostate per l'esecuzione (tramite chrome://extensions).

Controlla la scheda di rete per vedere se Chrome non è riuscito a scaricare alcun file di risorse.

Nel caso in cui aiuti qualcuno, ho avuto lo stesso identico problema e ho scoperto che era causato dall'estensione Chrome "Do Not Track Plus" (versione 2.0.8). Quando disabilitavo quell'estensione, l'immagine veniva caricata senza errori.

C'è anche la possibilità di disattivare la cache per le risorse di rete. Questo potrebbe essere il migliore per lo sviluppo di ambienti.

1. Fare clic con il tasto destro del mouse su Chrome
2. Vai a "Ispeziona elemento"
3. Cerca la scheda "rete" da qualche parte in alto. Cliccalo.
4. Seleziona la casella di controllo "disabilita cache".

La soluzione di Kabir è corretta. Il mio URL dell'immagine era

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

e questo stava facendo scattare AdBlock. Questo non è stato un problema tra domini per me e non è riuscito su localhost e sul web.

Stavo usando la scheda di rete di Chrome per eseguire il debug e ho trovato risultati molto confusi per queste immagini specifiche che non sono state caricate. La prima richiesta non restituirebbe alcuna risposta (Stato "(in sospeso)"). Più tardi lungo la linea, c'era una seconda richiesta che elencava l'URL originale e quindi "Reindirizza" come iniziatore. Le intestazioni della richiesta di reindirizzamento erano tutte per questa identica linea corta di dati codificati in base64 e ognuno non ha restituito risposta, sebbene lo stato fosse "Riuscito":

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

Successivamente ho notato che questi stili incorporati sono stati aggiunti a tutti gli elementi dell'immagine:

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

Infine, non ho ricevuto alcun messaggio "Impossibile caricare le risorse" nella console, ma piuttosto questo:

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

Se una di queste cose ti sta succedendo, probabilmente ha qualcosa a che fare con AdBlock. Disattivalo e / o rinomina i tuoi file immagine.

Inoltre, a causa del CSS incorporato creato da AdBlock, il layout del mio dispositivo di scorrimento delle promozioni veniva eliminato. Mentre ero in grado di risolvere i problemi di layout con CSS prima di trovare la soluzione di Kabir, il CSS era alquanto superfluo e influiva sulla flessibilità del dispositivo di scorrimento per gestire immagini di più dimensioni.

Immagino che la lezione sia: fai attenzione a come chiami le tue immagini. Queste immagini non erano dannose o fastidiose quanto avvertivano i visitatori delle promozioni e degli speciali in corso in modo discreto.

Se le immagini vengono generate tramite un ASP Response.Write(), assicurati di non chiamare Response.Close();. A Chrome non piace.

Stavo ottenendo questo errore, solo in Chrome (ultima versione 24.0.1312.57 m) e solo se l'immagine era più grande di img html. Stavo usando uno script php per produrre l'immagine in questo modo:

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

L'ho risolto aggiungendo 1 alla lunghezza dell'immagine:

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

Sembra che Chrome non si aspetti il ​​numero corretto di byte.

Testato con successo in Chrome e IE 9. Spero che questo aiuto.

I fatti:

• Ho disabilitato tutti i plugin e il problema persiste.
• Ci sono alcuni siti in cui il problema non si presenta.
• È un problema noto. Vedere il problema 424599: Impossibile caricare la risorsa: errore net :: ERR_CACHE_MISS durante l'apertura di DevTools nelle pagine PHP e la domanda di overflow dello stack Errore bizzarro nella Console per gli sviluppatori di Chrome - Impossibile caricare la risorsa: net :: ERR_CACHE_MISS .

C'è un lavoro temporaneo in giro nel supporto showModalDialog di Reenable (temporaneo) in Chrome (per Windows) 37+ .

Fondamentalmente, crea una nuova stringa nel registro in

HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome\EnableDeprecatedWebPlatformFeatures

Sotto la chiave EnableDeprecatedWebPlatformFeatures, crea un valore stringa con il nome 1e un valore di ShowModalDialog_EffectiveUntil20150430. Per verificare che il criterio sia abilitato, visitare l' chrome://policyURL.

Cordiali saluti - Ho avuto anche questo problema e si è scoperto che il mio HTML elencava il file .jpg con un .JPG in maiuscolo, ma il file stesso era .jpg in minuscolo. Ciò ha funzionato bene localmente e usando Codekit, ma quando è stato spinto sul web non si caricava. Basta cambiare i nomi dei file per avere un'estensione .jpg minuscola per abbinare l'html ha fatto il trucco.

In Chrome (Canarie) ho deselezionato l'estensione "Appspector". Ciò ha eliminato l'errore.

Ho aggiornato il mio browser Chrome all'ultima versione e il problema è stato risolto.

È dovuto al blocco degli annunci. Quando i nomi dei file di progetto contengono parole come "annuncio", anche i blocchi degli annunci bloccano questi file da caricare.

La soluzione migliore è che non salvare mai alcun file con queste chiavi nome.