Highlight broken images
Wraps every image that failed to load in a red outline so you can spot dead image links.
Code to copy
try {
const mark = function (img) {
img.style.outline = '3px solid #CC241D';
img.style.background = 'rgba(204,36,29,0.15)';
img.title = 'Broken image: ' + (img.currentSrc || img.src || '');
};
document.querySelectorAll('img').forEach(function (img) {
if (img.complete && img.naturalWidth === 0) mark(img);
img.addEventListener('error', function () { mark(img); });
});
} catch (err) { console.error('JustZix broken images:', err); }How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.