Broken Image Finder skanner hvert <img>-element og hver CSS background-image på siden, oppdager mislykkede innlastinger (404-er, CORS-feil, tilsølte canvaser), og viser dem i en ryddig liste. Filtrer etter ødelagt/alle/CSS-bakgrunner, hopp til og fremhev hvert bilde på siden, og kopier listen med ødelagte URL-er for raske feilrapporter.
Ødelagte bilder er en av de mest synlige feilene på en nettside — likevel er de overraskende lette å overse under QA fordi de feiler stille. Broken Image Finder fanger dem alle. Når det aktiveres, går verktøyet gjennom DOM-en for hvert <img>-element (sjekker naturalWidth / naturalHeight for å oppdage mislykkede innlastinger) og hver CSS background-image-URL (tester hver med en fersk Image() for å verifisere at den lastes). Resultater kategoriseres som OK / Ødelagt / Laster og presenteres i en filtrerbar liste med statistikk øverst. Hver oppføring viser URL-en, type (img eller CSS-bakgrunn), dimensjoner hvis lastet, og alt-tekst hvis tilstede. Ødelagte bilder markeres i rødt og har en «Locate»-knapp som scroller elementet inn i visningen og blinker en rød ramme rundt det. En «Copy Broken URLs»-knapp henter alle feilende URL-er på én gang for kopiering/innliming i feilrapporter. Fungerer på hvilken som helst side uten behov for tilgang til backend-logger — en rask visuell QA-sperre.
Sjekker hvert <img>-element pluss hver background-image-URL i beregnede stiler. Data-URI-er og blob-URL-er hoppes over (de er alltid gyldige).
Statistikk i ett blikk viser tilstanden til sidens bilder. Tallene oppdateres live etter hvert som asynkrone sjekker fullføres.
Bytt mellom fanene Ødelagt, Alle og CSS-bakgrunner. Hold fokus på det som trenger å rettes.
Klikk Locate på et hvilket som helst bilde for å scrolle til elementet på siden og blinke en rød markering rundt det.
Ett klikk kopierer listen med ødelagte bilde-URL-er — lim inn i en feilrapport eller del med backend-teamet.
Begrenset til 500 CSS-bakgrunnsskanninger for å holde grensesnittet responsivt på innholdstunge sider.
Kjør på staging før utrulling for å fange 404-er introdusert av refaktorering, omdøpte ressurser eller CDN-migreringer.
Skann live-sider jevnlig — ødelagte bilder skader SEO og brukertillit, og de slipper ofte gjennom automatiserte tester.
Når redaktører laster opp bilder, kan noen aldri nå frem til den endelige URL-en. Skann for å fange døde referanser.
Hvis du er avhengig av eksterne bildetjenester (avatarer, direktelenkede produktbilder), skann jevnlig for å fange driftsavbrudd.
Etter å ha flyttet ressurser til en ny CDN eller bucket, skann hver nøkkelside for å bekrefte at migreringen ikke ødela noe.
Klikk på Broken Images-ikonet i DevSuite Pro-dokken. Et panel åpnes og skanner siden automatisk.
Statistikken øverst i panelet viser Totalt / OK / Ødelagt / Laster. Hvis Ødelagt > 0, bytt til Ødelagt-fanen for å se dem.
Klikk Locate på en rad for å scrolle elementet inn i visningen på siden — en rød ramme blinker rundt det i 2 sekunder.
Klikk Copy Broken URLs for å hente hele listen — lim inn i en sak, chat eller backend-undersøkelse.
Etter backend-rettinger, klikk Re-scan Page for å bekrefte at alle bilder nå lastes riktig.
Installer DevSuite Pro gratis og lås opp 64+ utviklerverktøy for nettleseren din.
