Iskalnik pokvarjenih slik pregleda vsak <img> in CSS background-image na strani, zazna neuspešna nalaganja (404, napake CORS, onesnažena platna) in jih prikaže v preglednem seznamu. Filtrirajte po pokvarjenih/vseh/CSS ozadjih, skočite na posamezno sliko na strani in jo označite ter kopirajte seznam pokvarjenih URL-jev za hitra poročila o napakah.
Pokvarjene slike so ena najbolj opaznih napak na spletni strani — a jih je med QA presenetljivo lahko spregledati, saj tiho odpovejo. Iskalnik pokvarjenih slik jih vse ujame. Ob aktivaciji orodje prehodi DOM za vsak element <img> (preverjanje naturalWidth / naturalHeight za zaznavo neuspešnih nalaganj) in vsak URL v CSS background-image (vsakega preveri z novim Image(), da potrdi nalaganje). Rezultati so razvrščeni kot OK / Broken / Loading in predstavljeni v filtrirljivem seznamu s statistiko na vrhu. Vsak vnos prikaže URL, vrsto (img ali CSS ozadje), dimenzije, če je naloženo, in alt besedilo, če je prisotno. Pokvarjene slike so obarvane rdeče in imajo gumb "Locate", ki premakne element v vidno polje in okoli njega utripne z rdečim obrisom. Gumb "Copy Broken URLs" naenkrat zajame vse neuspele URL-je za kopiranje/lepljenje v poročilo o napaki. Deluje na kateri koli strani brez potrebe po dostopu do dnevnikov zaledja — hiter vizualni preizkus kakovosti.
Preveri vsak element <img> ter vsak URL background-image v izračunanih slogih. Podatkovni URI-ji in blob URL-ji so preskočeni (vedno so veljavni).
Statistika na prvi pogled prikaže stanje slik na strani. Številke se sproti posodabljajo, ko se asinhroni preizkusi razrešijo.
Preklapljajte med zavihki Broken, All in CSS Backgrounds. Osredotočite se na to, kar je treba popraviti.
Kliknite Locate ob kateri koli sliki, da se premaknete do njenega elementa na strani in okoli njega utripne rdeča oznaka.
En klik kopira seznam pokvarjenih URL-jev slik — prilepite v poročilo o napaki ali delite z ekipo zaledja.
Omejeno na 500 pregledov CSS ozadij, da vmesnik ostane odziven na vsebinsko zahtevnih straneh.
Zaženite na testnem okolju pred uvedbo, da ujamete napake 404, ki jih povzročijo prenove kode, preimenovana sredstva ali selitve na CDN.
Redno pregledujte žive strani — pokvarjene slike škodijo SEO in zaupanju uporabnikov, avtomatiziranim testom pa pogosto ušejo.
Ko urejevalci naložijo slike, nekatere morda nikoli ne pridejo do končnega URL-ja. Preglejte, da ujamete mrtve reference.
Če se zanašate na zunanje slikovne storitve (avatarji, neposredno povezane fotografije izdelkov), redno pregledujte, da ujamete izpade.
Po selitvi sredstev na nov CDN ali predal preglejte vsako ključno stran, da preverite, ali selitev ni česa pokvarila.
Kliknite ikono Broken Images v vrstici DevSuite Pro. Odpre se plošča in samodejno pregleda stran.
Na vrhu plošče statistika prikaže Total / OK / Broken / Loading. Če je Broken > 0, preklopite na zavihek Broken, da jih vidite.
Kliknite Locate ob kateri koli vrstici, da premaknete njen element v vidno polje na strani — okoli njega dve sekundi utripa rdeč obris.
Kliknite Copy Broken URLs, da zajamete celoten seznam — prilepite v vstopnico, klepet ali preiskavo zaledja.
Po popravkih na zaledju kliknite Re-scan Page, da preverite, ali se zdaj vse slike pravilno naložijo.
Namestite DevSuite Pro brezplačno in odklenite več kot 64 orodij za razvijalce za svoj brskalnik.
