WhatsApp Web: режим разработчика (data-testid)
Обводит элементы с data-testid и показывает их имена — удобно для написания своих селекторов.
Код для копирования
/* Developer mode: outline elements that expose data-testid attributes */
[data-testid] {
outline: 1px dashed rgba(255,82,82,0.45) !important;
outline-offset: -1px !important;
}
[data-testid]::after {
content: attr(data-testid);
position: absolute;
background: rgba(255,82,82,0.85);
color: #fff;
font: 10px/1.2 ui-monospace, monospace;
padding: 1px 4px;
border-radius: 2px;
pointer-events: none;
z-index: 99999;
}Как использовать этот пример
- Скопируй код кнопкой выше.
- Установи JustZix (2 минуты) и открой расширение на нужной странице.
- Добавь новое правило, совпадающее с этой страницей.
- Вставь код в панель CSS правила и сохрани — эффект появится сразу.
Оцени этот пример
Оценок пока нет — оцени первым.