Designer Tools
A collection of tools to help you design and develop websites with precision.
一款网页测量工具,支持吸附测量。为前端开发和ui设计提供便利。
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
**一款支持智能吸附的网页测量工具,让前端开发和 UI 设计更轻松。**
### ✨ 功能特性
- **智能吸附**:移动鼠标时按住 `Alt` (Mac 为 `Option`),可自动识别并吸附到页面元素,支持吸附到**边线、四个顶点和四条边线中点**,实时显示元素尺寸。吸附预览框颜色会自动与测量框区分,便于识别。
- **即时测量**:按住左键拖动,即可在吸附元素边缘的同时创建测量区域。
- **自由编辑**:双击已创建的测量区域进入编辑模式,可自由拖拽位置或调整大小。
- **Esc**:退出编辑模式
Inspect the latest comments and rating distribution.
Store average score: 4.8. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
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