Tìm Ảnh Lỗi quét mọi thẻ <img> và background-image CSS trên trang, phát hiện ảnh tải lỗi (404, lỗi CORS, canvas bị nhiễm), và hiển thị chúng trong một danh sách gọn gàng. Lọc theo lỗi/tất cả/nền CSS, nhảy đến và làm nổi bật từng ảnh trên trang, rồi sao chép danh sách URL ảnh lỗi để báo cáo lỗi nhanh chóng.
Ảnh lỗi là một trong những lỗi dễ nhìn thấy nhất trên trang web — nhưng lại đáng ngạc nhiên là dễ bị bỏ sót trong quá trình QA vì chúng lỗi một cách âm thầm. Tìm Ảnh Lỗi bắt gọn tất cả. Khi kích hoạt, công cụ sẽ duyệt qua DOM để tìm mọi phần tử <img> (kiểm tra naturalWidth / naturalHeight để phát hiện tải lỗi) và mọi URL background-image CSS (dò từng cái bằng một Image() mới để xác minh nó tải được). Kết quả được phân loại thành OK / Broken / Loading và trình bày trong danh sách có thể lọc kèm số liệu thống kê ở trên cùng. Mỗi mục hiển thị URL, loại (img hoặc CSS bg), kích thước nếu đã tải, và alt text nếu có. Ảnh lỗi được tô đỏ nổi bật kèm nút "Locate" để cuộn phần tử vào vùng nhìn thấy và nhấp nháy viền đỏ xung quanh nó. Nút "Copy Broken URLs" lấy toàn bộ URL lỗi cùng lúc để sao chép/dán vào báo cáo lỗi. Hoạt động trên mọi trang mà không cần truy cập log backend — một cổng QA trực quan nhanh chóng.
Kiểm tra mọi phần tử <img> cộng với mọi URL background-image trong style đã tính toán. Data URI và blob URL được bỏ qua (chúng luôn hợp lệ).
Thống kê nhìn nhanh cho biết tình trạng ảnh trên trang. Con số cập nhật trực tiếp khi các lần dò kiểm bất đồng bộ hoàn tất.
Chuyển đổi giữa các tab Broken, All, và CSS Backgrounds. Tập trung vào những gì cần sửa.
Nhấp Locate trên bất kỳ ảnh nào để cuộn đến phần tử của nó trên trang và nhấp nháy viền đỏ xung quanh.
Một cú nhấp sao chép danh sách URL ảnh lỗi — dán vào báo cáo lỗi hoặc chia sẻ với đội backend.
Giới hạn ở 500 lần quét nền CSS để giữ giao diện phản hồi nhanh trên các trang nhiều nội dung.
Chạy trên staging trước khi triển khai để bắt các lỗi 404 phát sinh do tái cấu trúc, đổi tên tài nguyên, hoặc di dời CDN.
Định kỳ quét các trang đang chạy thực tế — ảnh lỗi gây hại cho SEO và niềm tin người dùng, đồng thời thường lọt qua các bài kiểm thử tự động.
Khi biên tập viên tải ảnh lên, một số có thể không bao giờ đến được URL cuối cùng. Quét để bắt các tham chiếu đã chết.
Nếu bạn phụ thuộc vào dịch vụ ảnh bên ngoài (ảnh đại diện, ảnh sản phẩm hotlink), quét định kỳ để phát hiện sự cố.
Sau khi chuyển tài nguyên sang CDN hoặc bucket mới, quét mọi trang quan trọng để xác minh việc di dời không làm hỏng gì.
Nhấp vào biểu tượng Broken Images trên dock của DevSuite Pro. Một bảng điều khiển mở ra và tự động quét trang.
Thống kê ở đầu bảng điều khiển hiển thị Total / OK / Broken / Loading. Nếu Broken > 0, chuyển sang tab Broken để xem chi tiết.
Nhấp Locate trên bất kỳ dòng nào để cuộn phần tử của nó vào vùng nhìn thấy trên trang — một viền đỏ sẽ nhấp nháy xung quanh trong 2 giây.
Nhấp Copy Broken URLs để lấy toàn bộ danh sách — dán vào ticket, chat, hoặc điều tra backend.
Sau khi backend sửa xong, nhấp Re-scan Page để xác minh tất cả ảnh giờ đã tải đúng.
Cài đặt DevSuite Pro miễn phí và mở khóa hơn 64 công cụ dành cho nhà phát triển cho trình duyệt của bạn.
