Kitafuta Picha Zilizovunjika huchanganua kila <img> na picha ya mandharinyuma ya CSS kwenye ukurasa, hugundua upakiaji ulioshindwa (404s, usumbufu wa CORS, turubai zenye hitilafu), na kukuonyesha kwenye orodha safi. Chuja kwa zilizovunjika/zote/mandharinyuma ya CSS, ruka na uangazie kila picha ukurasani, na unakili orodha ya URL zilizovunjika kwa ajili ya ripoti za haraka za hitilafu.
Picha zilizovunjika ni mojawapo ya hitilafu zinazoonekana sana kwenye ukurasa wa wavuti — lakini zinashangaza jinsi zilivyo rahisi kukoswa wakati wa ukaguzi wa ubora (QA) kwa sababu hushindwa kimyakimya. Kitafuta Picha Zilizovunjika huzinasa zote. Inapowashwa, zana hii inakagua DOM kwa kila kipengele cha <img> (ikikagua naturalWidth / naturalHeight ili kugundua upakiaji ulioshindwa) na kila URL ya picha ya mandharinyuma ya CSS (ikijaribu kila moja kwa Image() mpya kuthibitisha upakiaji). Matokeo huwekwa kwenye makundi ya SAWA / Imevunjika / Inapakia na kuwasilishwa kwenye orodha inayoweza kuchujwa yenye hesabu za takwimu juu. Kila ingizo linaonyesha URL, aina (img au CSS bg), vipimo ikipakia, na maandishi mbadala (alt text) ikiwepo. Picha zilizovunjika huangaziwa kwa rangi nyekundu na zina kitufe cha "Tafuta" kinachosogeza kipengele kionekane na kumulika mwangaza mwekundu kando yake. Kitufe cha "Nakili URL Zilizovunjika" hukusanya URL zote zilizofeli kwa mkupuo mmoja kwa ajili ya kunakili/kubandika kwenye ripoti ya hitilafu. Inafanya kazi kwenye ukurasa wowote bila kuhitaji ufikiaji wa kumbukumbu za nyuma (backend logs) — ukaguzi wa haraka wa QA wa kuona.
Hukagua kila kipengele cha <img> pamoja na kila URL ya picha ya mandharinyuma katika mitindo iliyokokotolewa. URI za data na URL za blob zinarukwa (daima ni halali).
Takwimu za mtazamo mmoja zinaonyesha afya ya picha za ukurasa. Nambari husasishwa moja kwa moja wakati majaribio ya async yanapotatuliwa.
Badilisha kati ya vichupo vya Imevunjika, Zote, na Mandharinyuma ya CSS. Endelea kuzingatia kile kinachohitaji kurekebishwa.
Bofya Tafuta kwenye picha yoyote ili kusogeza kwenye kipengele chake kwenye ukurasa na kumulika mwangaza mwekundu kando yake.
Mbofyo mmoja hunakili orodha ya URL za picha zilizovunjika — bandika kwenye ripoti ya hitilafu au ushiriki na timu ya nyuma (backend).
Imewekewa kikomo cha uchanganuzi 500 wa mandharinyuma ya CSS ili kuweka UI ifanye kazi haraka kwenye kurasa zenye maudhui mengi.
Endesha kwenye hatua ya majaribio kabla ya kupeleka ili kukamata 404 zinazoletwa na urekebishaji, vipengee vilivyobadilishwa majina, au uhamiaji wa CDN.
Changanua kurasa hai mara kwa mara — picha zilizovunjika zinaharibu SEO na uaminifu wa watumiaji, na mara nyingi hupenya majaribio ya kiotomatiki.
Wahariri wanapopakia picha, huenda baadhi hazifiki kwenye URL ya mwisho. Changanua ili kukamata marejeleo yaliyokufa.
Ikiwa unategemea huduma za nje za picha (avatars, picha za bidhaa zilizounganishwa moja kwa moja), changanua mara kwa mara ili kugundua kukatika.
Baada ya kuhamisha vipengee kwenye CDN au ndoo (bucket) mpya, changanua kila ukurasa muhimu ili kuthibitisha kuwa uhamiaji haukuvunja chochote.
Bofya ikoni ya Picha Zilizovunjika kwenye gati ya DevSuite Pro. Paneli inafunguka na kuchanganua ukurasa kiotomatiki.
Takwimu zilizo juu ya paneli zinaonyesha Jumla / SAWA / Imevunjika / Inapakia. Ikiwa Imevunjika > 0, nenda kwenye kichupo cha Imevunjika ili kuziona.
Bofya Tafuta kwenye safu mlalo yoyote ili kusogeza kipengele chake kionekane kwenye ukurasa — mwangaza mwekundu humulika kando yake kwa sekunde 2.
Bofya Nakili URL Zilizovunjika ili kupata orodha kamili — bandika kwenye tikiti, gumzo, au uchunguzi wa nyuma.
Baada ya marekebisho ya nyuma, bofya Changanua Tena Ukurasa ili kuthibitisha picha zote sasa zinapakia kikamilifu.
Sakinisha DevSuite Pro bila malipo na ufungue zana 64+ za wasanidi kwa kivinjari chako.
