← Tutti gli esempi

Azione Sviluppatori e QA

Conta i nodi DOM

L'azione conta il totale degli elementi DOM e registra i dieci tag più frequenti in console.

Codice da copiare

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); }

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. Attiva il pannello azioni, aggiungi un pulsante nella scheda Azioni e incollaci il codice — lo avvii con un clic.

Valuta questo esempio

Nessuna valutazione — sii il primo.

Questo esempio funziona?

Gli snippet sono inutili senza un posto dove incollarli.

JustZix si installa in 2 minuti ed esegue il tuo codice su ogni pagina corrispondente. Senza account, senza pagamento.

Scarica gratis Guarda i casi d'uso