Subscribe to get weekly email with the most promising tools 🚀

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
Screen Ruler for Google Chrome-image-0
Screen Ruler for Google Chrome-image-1
Screen Ruler for Google Chrome-image-2
Screen Ruler for Google Chrome-image-3
Screen Ruler for Google Chrome-image-4

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?

#AnwendungsfallStatus
# 1Webentwickler können die Implementierung ihrer Designs validieren, indem sie die Elementgrößen und Ausrichtungen überprüfen.
# 2Designer können sicherstellen, dass ihre Designs pixelgenau sind, indem sie sie mit den implementierten Webseiten vergleichen.
# 3Qualitä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.

FAQ von Screen Ruler for Google Chrome