← Wszystkie przykłady

Discord: podejrzyj nazwy klas pod kursorem

Wypisuje w konsoli nazwy klas elementu pod kursorem, co ułatwia pisanie własnych selektorów CSS dla Discorda.

Kod do skopiowania

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

Jak użyć tego przykładu

1. Skopiuj kod przyciskiem powyżej.
2. Zainstaluj JustZix (2 minuty) i otwórz wtyczkę na docelowej stronie.
3. Dodaj nową regułę dopasowaną do tej strony.
4. Wklej kod w panelu JavaScript reguły i zapisz — uruchomi się przy każdym wejściu na stronę.