Subscribe to get weekly email with the most promising tools 🚀

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

描述

屏幕尺是一个Chrome扩展,旨在为网页开发者和设计师测量任何网页上任何元素的大小、距离、边距和填充。它允许用户通过简单地悬停在元素上来验证其网站的实现,提供有关元素大小、标签名称、ID和类的详细信息。

如何使用 Screen Ruler for Google Chrome?

要使用屏幕尺,请单击扩展图标或使用右键上下文菜单激活它。悬停在元素上以查看其大小和属性,选择元素以测量距离,并在侧面板中访问计算后的CSS。您可以自定义键盘快捷键以便于访问。

核心功能 Screen Ruler for Google Chrome:

1️⃣

测量任何元素的像素大小

2️⃣

测量任意两个元素之间的像素距离

3️⃣

查看HTML标签名称、类名和ID

4️⃣

访问计算后的CSS并复制到剪贴板

5️⃣

自定义键盘快捷键

为什么要使用 Screen Ruler for Google Chrome?

#使用案例状态
# 1网页开发者可以通过检查元素的大小和对齐来验证其设计的实现。
# 2设计师可以通过将其设计与已实现的网页进行比较,确保设计的像素完美准确。
# 3质量保证团队可以使用该工具在网站上线之前识别布局问题和对齐问题。

开发者 Screen Ruler for Google Chrome?

屏幕尺由Nontrader开发,Nontrader是一位专注于为网页开发者和设计师创建工具的开发者,旨在增强他们的工作流程并提高网站实现的准确性。

常见问题 Screen Ruler for Google Chrome