Chrome altında kaynak yüklenemedi

Bir web sayfasında bir sürü resim var.

Diğer tarayıcılar bunları doğru bir şekilde indiriyor, ancak Chrome bunları yüklemiyor.

Geliştirici konsolunda, her resim için aşağıdaki mesajı gösterir:

Kaynak yüklenemedi

Bu sorun yalnızca Chrome'da görünür.

Bu ne?

Geçenlerde bu sorunla karşılaştı ve bunun "Adblock" uzantısından kaynaklandığını keşfettim (en iyi tahminim, dosya adında "banner" ve "ad" kelimelerinin bulunmasıydı).

Sorunun bu olup olmadığını görmek için hızlı bir test olarak, Chrome'u uzantılar devre dışı bırakılmış olarak gizli modda başlatın ( ctrl+ shift+n ) ve sayfanızın şimdi çalışıp çalışmadığına bakın. Özel olarak (aracılığıyla chrome://extensions) çalışacak şekilde ayarlamadığınız sürece, varsayılan olarak tüm uzantıların gizli modda zaten devre dışı bırakılacağını unutmayın .

Chrome'un herhangi bir kaynak dosyasını indiremediğini görmek için ağ sekmesini kontrol edin.

Kimseye yardımcı olması durumunda, aynı problemi yaşadım ve bunun "Do Not Track Plus" Chrome Uzantısı'ndan (sürüm 2.0.8) kaynaklandığını keşfettim. Bu uzantıyı devre dışı bıraktığımda, görüntü hatasız yüklendi.

Ağ kaynakları için önbelleği kapatma seçeneği de vardır. Bu, gelişmekte olan ortamlar için en iyisi olabilir.

1. Krom'u sağ tıklayın
2. 'Öğeyi incele' bölümüne gidin
3. Üstte bir yerde 'ağ' sekmesine bakın. Tıkla.
4. 'Önbelleği devre dışı bırak' onay kutusunu işaretleyin.

Kabir'in çözümü doğrudur. Resim URL'm (önceki değeri)

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

ve bu AdBlock'u açıyordu. Bu benim için alanlar arası bir sorun değildi ve hem yerel ana bilgisayarda hem de web'de başarısız oldu.

Hata ayıklamak ve yüklenemeyen bu belirli resimler için çok kafa karıştırıcı sonuçlar bulmak için Chrome'un ağ sekmesini kullanıyordum. İlk istek yanıt vermeyecektir (Durum "(beklemede)"). Daha sonra orijinal URL'yi listeleyen ikinci bir istek ve ardından Başlatıcı olarak "Yeniden Yönlendirme" yapıldı. Yönlendirme isteği üstbilgilerinin tümü base64 kodlu verilerin aynı kısa satırı içindi ve durum "Başarılı" olmasına rağmen her biri yanıt vermedi:

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

Daha sonra bu satır içi stillerin tüm görüntü öğelerine eklendiğini fark ettim:

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

Son olarak, konsolda "kaynak yüklenemedi" iletisi almadım, bunun yerine:

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

Bunlardan herhangi biri size oluyorsa, muhtemelen AdBlock ile ilgisi vardır. Kapatın ve / veya görüntü dosyalarınızı yeniden adlandırın.

Ayrıca, AdBlock tarafından oluşturulan satır içi CSS nedeniyle, promosyonlar kaydırıcımın düzeni atıldı. Kabir'in çözümünü bulmadan önce CSS'deki mizanpaj sorunlarını çözebildim, ancak CSS biraz gereksizdi ve kaydırıcının esnekliğini birden fazla boyutta ele almak için etkiledi.

Sanırım ders şudur: Resimlerinize ne ad verdiğinize dikkat edin. Bu resimler, ziyaretçileri mevcut promosyonlara ve özel kampanyalara dikkat çekmeden uyaran kadar kötü veya rahatsız edici değildi.

Görüntüler bir ASP üzerinden oluşturulmuşsa Response.Write(), aramadığınızdan emin olun Response.Close();. Chrome hoşlanmıyor.

Bu hatayı, yalnızca Chrome'da (son sürüm 24.0.1312.57 m) ve yalnızca resim html img'den büyükse alıyordum. Ben böyle bir görüntü çıkışı için bir php komut dosyası kullanıyordum:

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

Resmin uzunluğuna 1 ekleyerek çözdüm:

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

Chrome'un doğru sayıda bayt beklemediği anlaşılıyor.

Chrome ve IE 9'da başarı ile test edildi. Umarım bu yardım.

Gerçekler:

• Tüm eklentileri devre dışı bıraktım ve sorun hala devam ediyor.
• Sorunun oluşmadığı bazı siteler var.
• Bilinen bir sorun. Bkz Sorun 424599: Yük kaynak başarısız oldu: PHP sayfaları açılış DevTools net :: ERR_CACHE_MISS hatası ve yığın taşması soru Chrome Geliştirici Konsolu Tuhaf Hata - Yük kaynak alınamadı: Net :: ERR_CACHE_MISS .

Geçici iş çevresinde bulunmaktadır 37+ (Windows için) Chrome'da Reenable (geçici) ShowModalDialog desteği .

Temel olarak, adresindeki kayıt defterinde yeni bir dize oluşturun

HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome\EnableDeprecatedWebPlatformFeatures

EnableDeprecatedWebPlatformFeatures anahtarının altında, adıyla 1ve değeriyle bir dize değeri oluşturun ShowModalDialog_EffectiveUntil20150430. Politikanın etkinleştirildiğini doğrulamak için chrome://policyURL'yi ziyaret edin .

FYI - Ben de bu sorunu vardı ve benim html .jpg dosyasını bir .JPG ile kapaklar, ancak dosyanın kendisi küçük harf .jpg listelendi ortaya çıktı. Bu, yerel olarak ve Codekit kullanarak iyi hale geldi, ancak web'e itildiğinde yüklenmedi. Basitçe dosya adlarını değiştirmek için küçük harfli .jpg uzantılı html ile eşleşmesi hile yaptı.

Chrome'da (Kanarya) "Appspector" uzantısının işaretini kaldırdım. Bu hatayı sildi.

Chrome tarayıcımı en son sürüme güncelledim ve sorun düzeltildi.

Proje dosya adları 'ad' gibi kelimeler içerdiğinde, reklam engelleyiciler de bu dosyaların yüklenmesini engeller.

En iyi çözüm, bu isim tuşlarıyla hiçbir dosyayı asla kaydetmemenizdir.