← Wszystkie przykłady

Etsy: przełącz obrysy elementów

Rysuje cienkie czerwone obrysy wokół kart ofert i komponentów, co pomaga przy analizie układu strony.

Kod do skopiowania

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

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. Włącz panel akcji, dodaj przycisk w zakładce Akcje i wklej w nim kod — odpalisz go jednym kliknięciem.