Pesticide - Erweiterter CSS-Debugger

Fügt nicht nur Umrisse (ohne Hintergrundfarbe) in alle Elemente ein, sondern überprüft auch Größe und Layout. CSS ist fantastisch!

Pesticide 3.2 ist ein fortschrittlicher CSS-Debugger für Chrome, mit dem Sie Layout, Abstände, Typografie und berechnete Stile direkt auf der Seite untersuchen können. Aktivieren Sie ihn und bewegen Sie den Mauszeiger über ein beliebiges Element, um einen schwebenden Inspektor mit den benötigten Details zu öffnen: - Element-Tag, ID und Klassen - DOM-Pfad - Client-/Offset-/Scroll-Abmessungen - Vollständiges Boxmodell: Außenabstand, Rahmen, Innenabstand, Eckenradius und Inhaltsgröße - Schriftartenprüfung - Berechnete CSS-Eigenschaften - CSS-Ausgabe im Tailwind-, Inline- oder Blockformat kopieren Was Pesticide so nützlich macht: - Umrissbasiertes Debugging, ohne das Layout zu verschieben - Klicken Sie, um das aktuelle Element beim Vergleichen von Abständen und Stilen zu fixieren - Skalierbares und verschiebbares Inspektor-Overlay - Gespeicherte Panelposition und -größe pro Website - Optionsseite zum Ein- und Ausblenden von Inspektorabschnitten - Schnelle Tastatursteuerung mit Strg + Umschalt + P Pesticide ist ideal für Frontend-Entwickler, Designer und alle, die komplexes CSS debuggen. Es bietet Ihnen eine schnelle, visuelle Möglichkeit, den Aufbau einer Seite zu verstehen, ohne für jede kleine Layoutprüfung umfangreiche Tools öffnen zu müssen. Version 3.2 im Überblick: - Verbesserter Workflow mit dem schwebenden Inspektor - CSS-Kopierbereich mit Tailwind-, Inline- und Blockausgabe - Schriftprüfung und Inspektion berechneter Stile - Konfigurierbare Inspektorbereiche auf der Optionsseite Wenn Sie eine schlanke Chrome-Erweiterung für schnelleres CSS-Debugging suchen, ist Pesticide genau das Richtige.