← Все примеры

Disney+: обвести сетку контента (отладка)

Помощь разработчику: окрашивает границы коллекций, рядов и плиток, чтобы легче понять вёрстку.

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

/* Developer aid: outline content sets, rows and tiles to inspect the layout */
[data-testid="collection"] { outline: 2px solid rgba(255,0,128,0.7) !important; }
[data-testid="set"] { outline: 1px solid rgba(0,200,255,0.7) !important; }
[data-testid="set-item"] { outline: 1px dashed rgba(255,200,0,0.7) !important; }

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

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