← Tutti gli esempi

Etsy: mostra i contorni dei componenti

Disegna sottili contorni rossi attorno a schede e componenti per ispezionare il layout.

Codice da copiare

// Toggle debug outlines around every listing card and component
const ID = 'jz-ety-debug-outline';
const old = document.getElementById(ID);
if (old) { old.remove(); }
else {
  const s = document.createElement('style');
  s.id = ID;
  s.textContent = '.listing-card,[data-listing-id],'
    + '[data-appears-component-name]'
    + '{outline:1px solid rgba(220,50,50,0.6)!important}';
  document.head.appendChild(s);
}

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.