Pesticide - Pokročilý CSS Debugger

Nejen, že vloží obrysy (bez barvy pozadí) na všechny prvky, ale také zkontroluje velikost a rozložení. CSS je úžasné!

Pesticide 3.2 je pokročilý ladicí program CSS pro Chrome, který vám pomůže kontrolovat rozvržení, mezery, typografii a vypočítané styly přímo na stránce. Zapněte jej a najeďte myší na libovolný prvek. Otevře se tak plovoucí inspektor s podrobnostmi, které skutečně potřebujete: - Tag, ID a třídy prvku - Cesta DOM - Rozměry klienta / posunu / rolování - Model celého rámečku: okraj, ohraničení, odsazení, poloměr a velikost obsahu - Inspekce písma - Vypočítané vlastnosti CSS - Kopírování výstupu CSS ve formátu Tailwind, inline nebo blok Co dělá Pesticide užitečným: - Ladění na základě osnovy bez posunu rozvržení - Kliknutím připnete aktuální prvek při porovnávání mezer a stylů - Měnitelné a přetahovatelné překrytí inspektoru - Uložená pozice a velikost panelu pro jednotlivé weby - Stránka možností pro zobrazení nebo skrytí sekcí inspektoru - Rychlé ovládání pomocí klávesnice pomocí Ctrl + Shift + P Pesticide je určen pro front-end vývojáře, designéry a kohokoli, kdo ladí složité CSS. Poskytuje vám rychlý vizuální způsob, jak pochopit, jak je stránka vytvořena, aniž byste museli otevírat těžké nástroje pro každou malou kontrolu rozvržení. Hlavní novinky verze 3.2: - Lepší pracovní postup pro plovoucí inspektor - Kopírování panelu CSS s výstupem Tailwind, inline a blok - Inspekce písma a vypočítaného stylu - Konfigurovatelné sekce inspektoru ze stránky možností Pokud chcete lehké rozšíření pro Chrome pro rychlejší ladění CSS, Pesticide je pro tento úkol vytvořen.