Screen Ruler - Measure and Inspect the Web
Web inspector for designers & developers. Measure elements, extract CSS & colors, capture screenshots & more.
Screen Ruler - Measure and Inspect the Web 媒体预览
7 天趋势预览
免费账号只会看到付费插件的短期趋势预览。
用户增长趋势
7 天评分预览
预览模式下只展示缩短后的评分曲线。
30 日评分变化
日/周/月增长表现
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
版本、语言与抓取信息
查看发布时间、版本、支持语言、最近更新和抓取时间。
插件简介
查看插件说明、主要功能和适用场景。
Screen Ruler is the perfect companion for web developers and designers wanting to validate the implementation of their websites. Once activated, it allows you to view the sizes, margins, paddings, tag names, IDs, and classes simply by hovering over any web content. You can also select an item to measure distances to others.
Usage
- Toggle the extension by clicking the icon, selecting from the right-click context menu, or using the shortcut `Alt/Option + Shift + R`.
- Hover over items on web pages to display their sizes, margins, paddings, tag names, IDs, and classes.
- Select an item by clicking on it directly; this will turn the highlight red. To deselect, click again, press Escape or select a different item.
- To select the parent, use `Alt/Option + Up`. Use `Alt/Option + Down` to reverse your selection.
最新评论快照
查看最近评论和评分分布。
同类与相关插件
查看 Chrome 商店详情页中的相关产品。