← Tutti gli esempi

Discord: registra i nomi delle classi sotto il cursore

Stampa nella console i nomi delle classi dell'elemento sotto il cursore, aiutando a scrivere selettori CSS per Discord.

Codice da copiare

// 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');

Come usare questo esempio

1. Copia il codice con il pulsante qui sopra.
2. Installa JustZix (2 minuti) e apri l'estensione sulla pagina di destinazione.
3. Aggiungi una nuova regola corrispondente a quella pagina.
4. Incolla il codice nel pannello JavaScript della regola e salva — viene eseguito a ogni visita della pagina.