← Todos los ejemplos

Discord: registrar los nombres de clase bajo el cursor

Imprime en la consola los nombres de clase del elemento bajo el cursor, ayudando a escribir tus selectores CSS de Discord.

Código para copiar

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

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel JavaScript de la regla y guarda — se ejecuta en cada visita a la página.