Designer Tools
A collection of tools to help you design and develop websites with precision.
一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。
按已采集快照查看用户数变化。
展示最近 7 日窗口内已采集的评分快照,辅助判断近期评分是否稳定。
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
查看发布时间、版本、支持语言、最近更新和抓取时间。
查看插件说明、主要功能和适用场景。
**一款支持智能吸附的网页测量工具,让前端开发和 UI 设计更轻松。**
### ✨ 功能特性
- **智能吸附**:移动鼠标时按住 `Alt` (Mac 为 `Option`),可自动识别并吸附到页面元素,支持吸附到**边线、四个顶点和四条边线中点**,实时显示元素尺寸。吸附预览框颜色会自动与测量框区分,便于识别。
- **即时测量**:按住左键拖动,即可在吸附元素边缘的同时创建测量区域。
- **自由编辑**:双击已创建的测量区域进入编辑模式,可自由拖拽位置或调整大小。
- **Esc**:退出编辑模式
查看最近评论和评分分布。
商店综合星级:4.8。下方星级分布只统计已同步评论正文;如果某个插件只有公开分数、没有真实评论正文,这里可能为空。
查看 Chrome 商店详情页中的相关产品。
A collection of tools to help you design and develop websites with precision.
Your Pixel-Perfect Ruler for Measuring Web Elements
Measure page elements size in pixel with an easy-to-use ruler.
Create grids on pages that provide the developers visual hints to help in developing the web app layouts.
Create grids and measure their distance easily.
A pixel ruler for any live web page. Measure distances, inspect the box model, drop guides — DevTools stays closed.
Perfect! The shortcut is helpful too
This is really better ruler.
Exactly what I needed
Fantastic Ruler, sample and effective, makes crosshairs over full screen while moving the cursor. Also useful to scale points with axes on graphs.
This ruler works with developer tools!
It wasn't that compatible in Tablet and Mobile View.
This does exactly what I needed it to do! Thank you!
This is what I look for, easy to use and convenient
This is a really useful extension that works great. Why have permissions suddenly changed? Why do you need browser history?
If would be more useful if we can: - Make a selection not only by drag & drop but also by selecting top-left & bottom-right of the expected shape - Able to move the selection instead of having to make new one by drag&drop