Pesticide - Расширенный отладчик CSS

Не только вставляет контуры (без фонового цвета) во все элементы, но и проверяет размер и макет. CSS — это круто!

Pesticide 3.2 — это продвинутый отладчик CSS для Chrome, который помогает проверять макет, отступы, типографику и вычисляемые стили непосредственно на странице. Включите его и наведите курсор на любой элемент, чтобы открыть плавающий инспектор с необходимыми вам подробностями: - Теги элементов, id и классы - Путь DOM - Размеры клиента / смещения / прокрутки - Полная модель блока: поля, границы, отступы, радиус и размер содержимого - Проверка шрифтов - Вычисляемые свойства CSS - Копирование вывода CSS в формате Tailwind, inline или block Что делает Pesticide полезным: - Отладка на основе структуры без изменения макета - Щелчок для закрепления текущего элемента при сравнении отступов и стилей - Изменяемый размер, перетаскиваемый инспектор - Сохранение положения и размера панели для каждого сайта - Страница параметров для отображения или скрытия разделов инспектора - Быстрое управление с помощью Ctrl + Shift + P Pesticide создан для фронтенд-разработчиков, дизайнеров и всех, кто занимается отладкой сложных CSS-стилей. Это позволяет быстро и наглядно понять, как устроена страница, без необходимости открывать громоздкие инструменты для каждой небольшой проверки макета. Основные моменты версии 3.2: - Улучшен рабочий процесс плавающего инспектора - Панель копирования CSS с выводом Tailwind, встроенных и блочных элементов - Проверка шрифтов и вычисляемых стилей - Настраиваемые разделы инспектора на странице параметров Если вам нужно легкое расширение для Chrome для более быстрой отладки CSS, Pesticide создано именно для этой задачи.