← Tous les exemples

JavaScript Développeur & QA

Surligner les images cassées

Entoure d'un cadre rouge chaque image non chargée pour repérer les liens d'image morts.

Code à copier

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); }

Comment utiliser cet exemple

  1. Copiez le code avec le bouton ci-dessus.
  2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
  3. Ajoutez une nouvelle règle correspondant à cette page.
  4. Collez le code dans le panneau JavaScript de la règle et enregistrez — il s'exécute à chaque visite de page.

Notez cet exemple

Aucune note — soyez le premier.

Cet exemple fonctionne-t-il ?

Les snippets sont inutiles sans un endroit où les coller.

JustZix s'installe en 2 minutes et exécute votre code sur chaque page correspondante. Sans compte, sans paiement.

Télécharger gratuitement Voir les cas d'usage