DevTools für CSS-Layouts 2021 Edition

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Chen Hui Jing deckt einige aktuelle Entwicklungen in DevTools ab

Firefox's Grid-Inspektor war von Anfang an ziemlich funktionsreich und wurde zusammen mit CSS Grid in Firefox 52 veröffentlicht. Seitdem wurde er ständig verbessert. Chrome fügte in Chrome 62 ein grundlegendes Grid-Inspektor-Tool hinzu, mit dem Entwickler Elemente hervorheben konnten, die im Grid-Layout angeordnet waren. Robustere Funktionen wurden jedoch erst in Chrome 87 hinzugefügt. Und jetzt ist Webkit [sic] mit von der Partie, da Safari Technology Preview 123 ebenfalls Grid-Inspektor-Funktionen hinzufügt.

Das sieht man gerne. DevTools haben einen enormen Einfluss darauf, wie Frontend-Entwickler Websites denken, erstellen und natürlich auch debuggen. Dinge wie das visuelle Sehen der nummerierten Gitterlinien sind eine große Sache. Ich habe genug damit verbracht, mental zu zählen, auf welche Zeilen/Spalten ich Dinge platzieren möchte, vielen Dank.

Direkter Link →