Screen Ruler
Screen Ruler ist ein unverzichtbares Werkzeug für Webentwickler und Designer, um die Größen, Abstände und Ausrichtungen von Elementen auf Webseiten zu messen und zu validieren.
Aufgeführt in Kategorien:
Chrome-ErweiterungenDesignwerkzeugeEntwicklerwerkzeuge
Beschreibung
Der 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 einer Webseite zu messen. Er ermöglicht es den Benutzern, die Implementierung ihrer Websites zu validieren, indem er detaillierte Informationen über die Elemente auf der Seite bereitstellt, einschließlich Tag-Namen, IDs und Klassen.
Wie man benutzt Screen Ruler?
Aktivieren Sie den Screen Ruler, indem Sie auf das Erweiterungssymbol klicken, es im Kontextmenü mit der rechten Maustaste auswählen oder die Tastenkombination Alt/Option + Shift + R verwenden. Fahren Sie mit der Maus über Elemente, um deren Größen und Eigenschaften anzuzeigen, und wählen Sie Elemente aus, um Abstände zwischen ihnen zu messen.
Hauptmerkmale von Screen Ruler:
1️⃣
Messen der Pixelgröße eines beliebigen Elements
2️⃣
Messen des Pixelabstands zwischen zwei beliebigen Elementen
3️⃣
Zugriff auf HTML-Tag-Namen, Klassennamen und IDs
4️⃣
Responsive Auswahlen, die sich mit Ihrem Browserfenster anpassen
5️⃣
Kopieren von berechneten CSS in die Zwischenablage
Warum könnte verwendet werden Screen Ruler?
| # | Anwendungsfall | Status | |
|---|---|---|---|
| # 1 | Webentwickler, die Website-Layouts validieren | ✅ | |
| # 2 | Designer, die eine pixelgenaue Umsetzung von Designs sicherstellen | ✅ | |
| # 3 | Qualitätssicherungsteams, die die Ausrichtung und den Abstand von Webelementen überprüfen | ✅ | |
Wer hat entwickelt Screen Ruler?
Der Screen Ruler wird von Mr. Violets entwickelt, einem Entwickler, der sich auf die Erstellung von Tools konzentriert, die das Webentwicklungserlebnis verbessern. Die Erweiterung ist für Stabilität in Google Chrome ausgelegt und mit anderen Chromium-Browsern kompatibel.