Wie wird die berechnete Größe eines Elements in den Chrome Developer Tools ermittelt?
Ich bin mir sicher, dass das irgendwo im Developer Tools Inspector ist, aber ich kann es nicht finden. Wo würde ich für ein bestimmtes Element (z. B. ein Div) die berechneten Dimensionen (Höhe und Breite) eines bestimmten Elements finden, auf das ich rechts klicke, und "Element prüfen" auswählen?
1 Antwort
Bewegen Sie den Mauszeiger über den Elementnamen in der Multifunktionsleiste unterhalb des Entwicklerwerkzeug-Bedienfelds. Das entsprechende Element wird im Browserfenster hervorgehoben und die Abmessungen erscheinen an einer Ecke. Wenn Sie in den Entwicklertools den rechten Bereich nach unten scrollen, sehen Sie außerdem das Fenster 'Metriken', in dem Sie die berechneten Abmessungen sowie die Ränder, Abstände, Ränder usw. sehen können.
Hier ist ein Screenshot der Dimensionen des div, der deine SO-Frage enthält. Beachten Sie die Abmessungen in der unteren linken Ecke der hervorgehobenen Region, wenn ich mit dem Mauszeiger über den div-Namen unten gehe. Auf der rechten Seite ist das Metrics-Fenster.
Klicken Sie hier für ein größeres Bild
Bei zukünftigen Fragen sollten Sie sich zuerst an die nette Dokumentation von Google wenden.
Tags und Links css google-chrome developer-tools