← Tous les exemples

Discord : journaliser les noms de classe sous le curseur

Affiche les noms de classe de l'élément sous le curseur dans la console pour aider à écrire vos sélecteurs CSS Discord.

Code à copier

// Show the class names of any element under the cursor in the console
function logClasses(e) {
  const el = e.target;
  if (el && el.className && typeof el.className === 'string') {
    console.log('[jz-discord]', el.tagName.toLowerCase(), '->', el.className);
  }
}
document.addEventListener('mouseover', logClasses, true);
console.log('[jz-discord] hover any element to log its class names');

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.