← Все примеры

Действие Разработка и QA

Подсчитать узлы DOM

Действие подсчитывает общее число элементов DOM и выводит в консоль десять самых частых тегов.

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

try {
  const total = document.querySelectorAll('*').length;
  const counts = {};
  document.querySelectorAll('*').forEach(function (el) {
    const t = el.tagName.toLowerCase();
    counts[t] = (counts[t] || 0) + 1;
  });
  const top = Object.keys(counts)
    .sort(function (a, b) { return counts[b] - counts[a]; })
    .slice(0, 10)
    .map(function (t) { return t + ': ' + counts[t]; });
  console.log('JustZix: ' + total + ' DOM nodes total');
  console.log('JustZix top tags: ' + top.join(', '));
} catch (err) { console.error('JustZix DOM count:', err); }

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

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

Оцени этот пример

Оценок пока нет — оцени первым.

Этот пример работает?

Сниппеты бесполезны, если их некуда вставить.

JustZix устанавливается за 2 минуты и запускает твой код на каждой подходящей странице. Без аккаунта, без оплаты.

Скачать бесплатно Смотреть применение