Pesticide - Розширений налагоджувач CSS

Не лише вставляє контури (без кольору фону) у всі елементи, а й перевіряє розмір і макет. CSS чудовий!

Pesticide 3.2 — це розширений налагоджувач CSS для Chrome, який допомагає перевіряти макет, інтервали, типографіку та обчислені стилі безпосередньо на сторінці. Увімкніть його та наведіть курсор на будь-який елемент, щоб відкрити плаваючий інспектор з необхідною вам інформацією: - Тег, ідентифікатор та класи елемента - Шлях DOM - Розміри клієнта / зміщення / прокручування - Модель повного блоку: поля, межа, відступи, радіус та розмір вмісту - Перевірка шрифтів - Обчислені властивості CSS - Копіювання виводу CSS у форматі Tailwind, рядка або блоку Що робить Pesticide корисним: - Налагодження на основі контуру без зміщення макета - Клацніть, щоб закріпити поточний елемент під час порівняння інтервалів та стилів - Змінний розмір, перетягуване накладання інспектора - Збережене положення та розмір панелі для кожного сайту - Сторінка параметрів для відображення або приховування розділів інспектора - Швидке керування за допомогою клавіатури за допомогою Ctrl + Shift + P Pesticide створений для фронтенд-розробників, дизайнерів та всіх, хто налагоджує складний CSS. Він надає вам швидкий візуальний спосіб зрозуміти, як створюється сторінка, без використання важких інструментів для кожної невеликої перевірки макета. Основні переваги версії 3.2: - Покращений робочий процес плаваючого інспектора - Копіювання панелі CSS за допомогою виводу Tailwind, вбудованого та блочного виводу - Інспекція шрифтів та обчислюваного стилю - Налаштовувані розділи інспектора зі сторінки параметрів Якщо вам потрібне легке розширення Chrome для швидшого налагодження CSS, Pesticide створений для цього завдання.