Screen Ruler for Google Chrome
Screen Ruler ist das perfekte Werkzeug für Webentwickler und Designer, um die Größen, Abstände und Ränder von Elementen auf Webseiten zu messen.
Aufgeführt in Kategorien:
DesignwerkzeugeChrome-ErweiterungenEntwicklerwerkzeuge




Beschreibung
Screen Ruler ist eine Chrome-Erweiterung, die für Webentwickler und Designer entwickelt wurde, um Größen, Abstände, Ränder und Polsterungen von beliebigen Elementen auf jeder Webseite zu messen. Sie ermöglicht es den Benutzern, die Implementierung ihrer Webseiten zu validieren, indem sie detaillierte Informationen über Elementgrößen, Tag-Namen, IDs und Klassen bereitstellt, einfach indem sie mit der Maus darüber fahren.
Wie man benutzt Screen Ruler for Google Chrome?
Um Screen Ruler zu verwenden, klicken Sie auf das Erweiterungssymbol oder verwenden Sie das Kontextmenü mit der rechten Maustaste, um es zu aktivieren. Fahren Sie mit der Maus über Elemente, um deren Größen und Eigenschaften zu sehen, wählen Sie Elemente aus, um Abstände zu messen, und greifen Sie im Seitenbereich auf berechnetes CSS zu. Sie können Tastenkombinationen für einen einfacheren Zugriff anpassen.
Hauptmerkmale von Screen Ruler for Google Chrome:
1️⃣
Messen der Pixelgröße eines beliebigen Elements
2️⃣
Messen des Pixelabstands zwischen zwei beliebigen Elementen
3️⃣
HTML-Tag-Namen, Klassennamen und IDs anzeigen
4️⃣
Zugriff auf berechnetes CSS und Kopieren in die Zwischenablage
5️⃣
Tastenkombinationen anpassen
Warum könnte verwendet werden Screen Ruler for Google Chrome?
# | Anwendungsfall | Status | |
---|---|---|---|
# 1 | Webentwickler können die Implementierung ihrer Designs validieren, indem sie die Elementgrößen und Ausrichtungen überprüfen. | ✅ | |
# 2 | Designer können sicherstellen, dass ihre Designs pixelgenau sind, indem sie sie mit den implementierten Webseiten vergleichen. | ✅ | |
# 3 | Qualitätssicherungsteams können das Tool verwenden, um Layoutprobleme und Ausrichtungsprobleme zu identifizieren, bevor eine Webseite live geht. | ✅ |
Wer hat entwickelt Screen Ruler for Google Chrome?
Screen Ruler wird von Nontrader entwickelt, einem Entwickler, der sich auf die Erstellung von Tools für Webentwickler und Designer konzentriert, um deren Arbeitsabläufe zu verbessern und die Genauigkeit der Webseitenimplementierung zu erhöhen.