Pencari Imej Rosak mengimbas setiap <img> dan background-image CSS pada halaman, mengesan muatan rosak (404, kegagalan CORS, kanvas tercemar), dan memaparkannya dalam senarai yang kemas. Tapis mengikut broken/all/CSS backgrounds, lompat ke dan sorot setiap imej pada halaman, dan salin senarai URL rosak untuk laporan pepijat yang pantas.
Imej rosak adalah salah satu pepijat paling ketara pada halaman web — namun ia mengejutkan mudah terlepas pandang semasa QA kerana ia gagal secara senyap. Pencari Imej Rosak menangkap semuanya. Apabila diaktifkan, alat ini menyusuri DOM untuk setiap elemen <img> (menyemak naturalWidth / naturalHeight untuk mengesan muatan gagal) dan setiap URL background-image CSS (menyiasat setiap satu dengan Image() baharu untuk mengesahkan ia dimuatkan). Hasil dikategorikan sebagai OK / Broken / Loading dan dipersembahkan dalam senarai boleh tapis dengan kiraan statistik di bahagian atas. Setiap entri memaparkan URL, jenis (img atau CSS bg), dimensi jika dimuatkan, dan teks alt jika ada. Imej rosak diserlahkan dengan warna merah dan mempunyai butang "Locate" yang menskrol elemen ke dalam paparan dan mengedip garis luar merah di sekelilingnya. Butang "Copy Broken URLs" mengambil semua URL yang gagal sekali gus untuk salin/tampal laporan pepijat. Berfungsi pada mana-mana halaman tanpa perlu akses kepada log bahagian belakang — pintu QA visual yang pantas.
Menyemak setiap elemen <img> serta setiap URL background-image dalam gaya terkira. URI data dan URL blob dilangkau (ia sentiasa sah).
Statistik sekali imbas memaparkan kesihatan imej halaman. Angka dikemas kini secara langsung apabila siasatan tak segerak selesai.
Tukar antara tab Broken, All, dan CSS Backgrounds. Kekal fokus pada apa yang perlu dibetulkan.
Klik Locate pada mana-mana imej untuk menskrol ke elemennya pada halaman dan mengedip sorotan merah di sekelilingnya.
Satu klik menyalin senarai URL imej rosak — tampal ke dalam laporan pepijat atau kongsi dengan pasukan bahagian belakang.
Dihadkan kepada 500 imbasan latar belakang CSS untuk mengekalkan UI responsif pada halaman padat kandungan.
Jalankan pada staging sebelum deploy untuk menangkap 404 yang diperkenalkan oleh refactor, aset dinamakan semula, atau migrasi CDN.
Imbas halaman langsung secara berkala — imej rosak menjejaskan SEO dan kepercayaan pengguna, dan ia sering terlepas daripada ujian automatik.
Apabila editor memuat naik imej, sesetengahnya mungkin tidak pernah sampai ke URL akhir. Imbas untuk menangkap rujukan mati.
Jika anda bergantung pada perkhidmatan imej luaran (avatar, foto produk pautan panas), imbas secara berkala untuk menangkap gangguan perkhidmatan.
Selepas memindahkan aset ke CDN atau bucket baharu, imbas setiap halaman utama untuk mengesahkan migrasi tidak merosakkan apa-apa.
Klik ikon Broken Images dalam dok DevSuite Pro. Panel akan dibuka dan mengimbas halaman secara automatik.
Statistik di bahagian atas panel memaparkan Total / OK / Broken / Loading. Jika Broken > 0, tukar ke tab Broken untuk melihatnya.
Klik Locate pada mana-mana baris untuk menskrol elemennya ke dalam paparan pada halaman — garis luar merah akan berkelip di sekelilingnya selama 2 saat.
Klik Copy Broken URLs untuk mengambil senarai penuh — tampal ke dalam tiket, sembang, atau siasatan bahagian belakang.
Selepas pembetulan bahagian belakang, klik Re-scan Page untuk mengesahkan semua imej kini dimuatkan dengan betul.
Pasang DevSuite Pro secara percuma dan buka 64+ alat pembangun untuk pelayar anda.
