← Все примеры

Discord: выводить имена классов под курсором

Выводит в консоль имена классов элемента под курсором, помогая писать собственные CSS-селекторы для Discord.

Код для копирования

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

Как использовать этот пример

1. Скопируй код кнопкой выше.
2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
3. Добавь новое правило, совпадающее с этой страницей.
4. Вставь код в панель JavaScript правила и сохрани — он запускается при каждом заходе на страницу.