← Все примеры

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

Etsy: переключить контуры элементов

Рисует тонкие красные контуры вокруг карточек товаров и компонентов для анализа вёрстки.

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

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

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

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

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

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

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

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

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

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