Sayfanın geri kalanı yüklenirken bir görsel neden başarısız olur
Üç koşul bir ağ arızasını engellenmiş istekten ve oluşturma hatasından ayırır. Yolu değiştirmeden önce tarayıcının seçtiği URL'yi bulun.
Sayfa yüklenir, metin görüntülenir ve bir görsel kırık simge olarak kalır. İlk tepki tüneli suçlamaktır, çünkü değişen şey tüneldir. Bundan önce, tarayıcının o görsel için gerçekte hangi URL'yi istediğini öğrenin, çünkü sayfanın URL'si ile görselin URL'si iki farklı kanıttır. Eksik görsel bildirimlerinin çoğu, hiçbir zaman çalışan bir istek almayan bir sunucuya çıkar ve bu yanıt Ağ panelinde tek bir bakışa mal olur.
Nereye bakılacağına üç koşul karar verir
İlk koşul, görselin sayfayla aynı sunucudan gelip gelmediğidir. Ayrı bir görsel sunucusu kendi ad çözümlemesine, kendi bağlantısına ve kendi TLS kimliğine ihtiyaç duyar, bu yüzden yüklenen bir sayfa onun hakkında hiçbir şey söylemez.
İkincisi, tarayıcının isteği göndermeden önce engelleyip engellemediğidir. Karışık içerik, içerik güvenliği politikası ve yönlendiren kuralları bir görseli olağan bir sunucu yanıtı üretmeden durdurabilir, bu yüzden listede başarısız bir istek görünmez.
Üçüncüsü, teslimatın başarılı olup oluşturmanın başarısız olmasıdır; baytların geldiği ama görselin yine de görünmediği durum. Bu üç koşulun üç farklı sahibi vardır ve yalnızca ilki bir ağ sorunudur.
| What you see | Where the fault sits |
|---|---|
| Request absent from the list | Markup, lazy loading or a policy that blocked it |
| Request failed or timed out | Resolution, route, TLS or the image host itself |
| Request returned 200, image blank | Response type, decoding or rendering |
Tarayıcının gerçekte seçtiği kaynağı bulun
Sayfanın kaynağında gördüğünüz URL çoğu zaman istenen URL değildir. Kaynak kümeleri, picture öğeleri ve CSS arka planları tarayıcının görüntü alanı genişliğine, piksel yoğunluğuna veya biçim desteğine göre farklı bir kaynak seçmesine izin verir. Tembel yüklenen bir görsel, sayfa belirli bir duruma gelene kadar hiç istenmeyebilir.
Öğeyi ve isteği birlikte inceleyin ve sorunu bildirirken başlatıcıyı isteğin yanında tutun. MDN'nin görsel öğesi başvurusu kaynak seçimini, yükleme davranışını ve yönlendiren denetimlerini tek bir yerde kapsar; bu da başarısız URL'yi hangi özniteliğin seçtiğini söylemek için yeterlidir.
Sunucu adını, durumu, varsa yönlendirme zincirini ve yanıtın içerik türünü kaydedin. Oturum açma sayfası döndüren bir 200 yanıtı kullanılabilir bir görsel değildir ve HTML hata sayfasına yönlendirme, türü okuyana kadar bozuk bir dosyayla aynı görünür.
Durumu ağdan önce okuyun
Zaman aşımı, reddedilen istek ve kod çözme hatası farklı sonraki adımlar gerektirir ve bunları ayıran şey durum kodudur. Zaman aşımı ad çözümlemesine, rotaya veya yanıt vermeyen bir sunucuya işaret eder. Reddedilen istek bir politikaya veya yetkilendirme katmanına işaret eder. Kod çözme hatası baytlara veya biçime işaret eder.
İstek hiç görünmüyorsa ağa bakmayı bırakın ve işaretlemeye bakın. En yaygın neden, tarayıcının tercih ettiği ve artık sunucuda bulunmayan bir kaynak kümesi girdisidir; ardından bir betiğin hiç görünür yapmadığı bir öğe gelir.
Yalnızca bu ayrım, bu tür bildirimlerdeki boşa harcanan çabanın çoğunu önler.
Tarayıcı engellediğinde okunacak bir yanıt yoktur
Karışık içerik klasik durumdur: düz HTTP üzerinden görsel isteyen bir HTTPS sayfası, isteği başarısız değil engellenmiş olarak alır ve konsol nedeni kaydeder. İçerik güvenliği politikası da aynı biçimi üretir ve engellenen yönerge mesajda adlandırılır. Başlığı kaldıran bir yönlendiren politikası, hotlink'e karşı korunan bir sunucunun görsel yerine yer tutucu döndürmesine de yol açabilir.
Ağ yoluna dokunmadan önce kaydedilen nedeni okuyun, çünkü bu engeller rota değiştiğinde düzelmez. Kökenler arası izin eklemek de çözüm değildir: başka bir sunucudan görsel göstermek ile piksellerini canvas içinde okumak farklı işlemlerdir ve yalnızca ikincisi insanların yapıştırdığı başlıklara ihtiyaç duyar.
Yönettiğiniz bir site için kaynağın URL'sini, yanıtı veya politikayı sahibinde düzeltin ve yetkilendirme ile yönlendiren gereksinimlerini bozmayın. Kontrol etmediğiniz bir site için özel veya süresi dolan kaynak bağlantılarını yeniden yayımlamak yerine sayfayı ve istek kanıtlarını destek kanalına gönderin.
Kanıtları değiştirmeden yolları karşılaştırın
Erişim yolunu gerçekten test etmek istiyorsanız diğer her şeyi sabit tutun: aynı sayfa, aynı hesap, aynı seçili görsel, izin verilen tek bir yol değişti. İstek girdilerini yan yana karşılaştırın, oluşturulan sonucu değil, çünkü oluşturulan sonuç görselin görünüp görünmediğini söyler, nedenini değil.
Yeni bir rotada yüklenen görsel o rotanın yetkili olduğunu kanıtlamaz ve kırık kalan görsel tünelin suçlu olduğunu kanıtlamaz. Görsel kaldırıldıysa veya erişim bilerek kısıtlandıysa, sertifika denetimlerini kapatmak ya da başkasının korunan materyalini kopyalamak yerine desteklenen bir alternatif kullanın.
İş sırası: seçilen URL'yi belirleyin, durumunu ve türünü okuyun, kayıtlı bir engelleme nedeni olup olmadığını kontrol edin, ardından her seferinde bir yol değişikliğini karşılaştırın.