Firwat eng Bild feelt, wärend de Rescht vun der Säit luedt
Dräi Bedéngungen trennen e Netzwierkfehler vun enger blockéierter Ufro an engem Renderingfehler. Fannt d'URL, déi de Browser gewielt huet, ier Dir de Wee ännert.
D'Säit luedt, den Text gëtt ugewisen, an eng Bild bleift e gebrochenen Ikon. Déi éischt Reaktioun ass den Tunnel ze beschëllegen, well den Tunnel dat ass, wat sech geännert huet. Ier Dir dat maacht, fannt eraus, wéi eng URL de Browser fir déi Bild tatsächlech ugefrot huet, well d'URL vun der Säit an d'URL vun der Bild zwee verschidde Beweiser sinn. Déi meescht Meldungen iwwer eng fehlend Bild féieren op en Host, dee ni eng funktionéierend Ufro kritt huet, an déi Äntwert kascht ee Bléck an de Panel Netzwierk.
Dräi Bedéngungen entscheeden, wou Dir musst kucken
Déi éischt Bedéngung ass, ob d'Bild vum selwechten Host kënnt wéi d'Säit. En eegene Bildhost brauch seng eege Nummopléisung, seng eege Verbindung a seng eege TLS-Identitéit, dofir seet eng Säit, déi luedt, näischt iwwer hien.
Déi zweet ass, ob de Browser d'Ufro blockéiert huet, ier se verschéckt gouf. Gemëschte Contenu, Content-Security-Policy a Referrer-Regele kënnen eng Bild stoppen, ouni eng gewéinlech Serveräntwert ze produzéieren, dofir erschéngt keng feelgeschloen Ufro an der Lëscht.
Déi drëtt ass, ob d'Liwwerung geglëckt an d'Rendering feelgeschloen ass, e Fall, wou d'Byten ukommen an d'Bild awer net erschéngt. Déi dräi Bedéngungen hunn dräi verschidden Eegentümer, an nëmmen déi éischt ass eng Netzwierkfro.
| 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 |
Fannt d'Ressource, déi de Browser tatsächlech gewielt huet
D'URL, déi Dir am Quelltext vun der Säit gesitt, ass dacks net déi URL, déi ugefrot gouf. Quellesätz, picture-Elementer a CSS-Hannergrënn loossen de Browser eng aner Ressource wielen op Basis vun der Breet vum Vueport, der Pixeldicht oder der Formaterënnerstëtzung. Eng lues geluede Bild gëtt vläicht guer net ugefrot, bis d'Säit en bestëmmten Zoustand erreecht.
Untersucht d'Element an d'Ufro zesummen, a behält den Initiator bei der Ufro, wann Dir de Problem mellt. Dem MDN seng Referenz zum Bild-Element deckt Quellauswiel, Luedverhalen a Referrer-Kontrollen op enger Plaz of, wat duergeet, fir ze gesinn, wéi en Attribut déi feelend URL gewielt huet.
Notéiert den Hostnumm, de Status, eng eventuell Ëmleedungskette an den Inhaltstyp vun der Äntwert. Eng 200, déi eng Umell-Säit zréckgëtt, ass keng brauchbar Bild, an eng Ëmleedung op eng HTML-Feelsäit gesäit identesch aus wéi eng beschiedegt Datei, bis Dir den Typ liest.
Liest de Status virum Netzwierk
Eng Zäitiwwerleeschtung, eng ofgeleent Ufro an e Dekodéierfehler brauchen ënnerschiddlech nächst Schrëtt, an den Statuscode ass dat, wat se trennt. Eng Zäitiwwerleeschtung weist op Nummopléisung, Route oder en Host, deen net äntwert. Eng ofgeleent Ufro weist op eng Politik oder eng Autorisatiounsschicht. E Dekodéierfehler weist op d'Byten oder de Format.
Wann d'Ufro guer net erschéngt, stoppt d'Netzwierk ze kucken an kuckt de Markup. Déi heefegst Ursaach ass en Entrée an engem Quellesatz, deen de Browser méi gär hat an deen et net méi um Server gëtt, duerno en Element, dat e Skript ni siichtbar gemaach huet.
Just dës Ënnerscheedung verhënnert de gréissten Deel vun der verschwendeter Aarbecht an dëser Zort Meldung.
Wann de Browser et blockéiert, gëtt et keng Äntwert ze liesen
Gemëschte Contenu ass de klassesche Fall: eng HTTPS-Säit, déi eng Bild iwwer plain HTTP ufrot, kritt d'Ufro blockéiert amplaz feelgeschloen, an d'Konsole notéiert de Grond. D'Content-Security-Policy produzéiert déiselwecht Form, mat der blockéierter Direktiv an der Noriicht genannt. Eng Referrer-Politik, déi den Header ewechhëlt, kann och maachen, datt en hotlink-geschützten Host e Platzhalter amplaz vun der Bild zréckgëtt.
Liest de notéierte Grond, ier Dir de Netzwierkwee beréiert, well dës Blockaden besser ginn net, wann d'Route sech ännert. Cross-Origin-Berechtegungen derbäizesetzen ass och net d'Léisung: eng Bild vun engem aneren Host uweisen an hir Pixel an engem Canvas liesen sinn ënnerschiddlech Operatiounen, an nëmmen déi zweet brauch d'Headeren, déi d'Leit erafüügen.
Fir eng Säit, déi Dir administréiert, korrigéiert d'Ressource-URL, d'Äntwert oder d'Politik bei hirem Eegentümer a behält d'Autorisatiouns- a Referrer-Ufuerderungen intakt. Fir eng Säit, déi Dir net kontrolléiert, schéckt d'Säit an d'Beweiser vun der Ufro op hire Supportkanal amplaz privat oder oflafend Ressource-Linken nei ze publizéieren.
Vergläicht Weeër, ouni d'Beweiser ze änneren
Wann Dir de Zougangswee wierklech wëllt testen, haalt alles anescht konstant: déiselwecht Säit, dee selwechte Kont, déiselwecht gewielt Bild, ee erlaabte Wee geännert. Vergläicht d'Ufro-Entréeën niewenteneen amplaz vum ugewisene Resultat, well den ugewisene Resultat seet, ob d'Bild erschéngt ass, net firwat.
Eng Bild, déi op enger neier Route luedt, beweist net, datt déi Route autoriséiert ass, an eng Bild, déi gebrochen bleift, beweist net, datt den Tunnel schold ass. Wann d'Bild ewechgeholl gouf oder den Zougang bewosst limitéiert ass, benotzt eng ënnerstëtzt Alternativ amplaz Zertifikatspréifungen auszeschalten oder dem aneren säi geschützte Material ze kopéieren.
Aarbechtsuerdnung: identifizéiert déi gewielt URL, liest hire Status an Typ, préift op en notéierte Blockgrond, a vergläicht dann een Wee-Ännerung op eng Kéier.