ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼) icon

ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼)

by 幸福拾荒者 · xflihaibo.github.io · Developer Tools
Established publisherManifest V3 Free
View in Chrome Web Store Data as of 17 Oct 2026

featuring a high-precision Color Picker, Pixel Ruler, and Spacing Measurement for pixel-perfect CSS debugging.

Users
12
−1 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#183K
#153K among extensions
Version
1.0.3
updated 9 Feb 2026

Users

monthly, 9 months
0613Jan 2026Jun 2026Oct 2026
Latest, 17 Oct 2026: 12 usersMove the mouse over the chart for any month

Ratings count

monthly, 9 months
001Jan 2026Jun 2026Oct 2026
Latest, 17 Oct 2026: 0 ratingsMove the mouse over the chart for any month

The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.

About ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼)

Stop guessing pixels. Start measuring perfection. ChiSu is a lightweight, high-performance toolkit designed for Frontend Developers and UI Designers. It bridges the gap between design mocks and browser implementation. Key Features: 🚀 Smart Spacing: Automatically detect margins and padding between elements by simply hovering your mouse. 🎨 Pro Color Picker: Extract hex/RGB codes from any pixel on the web with high precision. 📏 Multi-Axis Ruler: Drag and drop rulers to align layouts and check element sizes instantly. 📦 Box Model Inspector: A cleaner, faster way to visualize the CSS box model without digging through DevTools. Why ChiSu? Zero Latency: Built for speed, it won't slow down your browsing experience. Clean UI: No cluttered menus. Only the tools you need, when you need them. Privacy First: We don't track your data. Your code stays yours. Boost your productivity and achieve a Pixel Perfect UI today! 告别目测,让网页还原度精准到 1px。 ChiSu (尺素) 是一款为前端开发者和 UI 设计师量身定制的轻量化工具包,旨在将繁琐的 UI 校对过程变得直观且高效。 核心功能: 🚀 智能间距探测: 鼠标悬停即可自动识别元素间的 Margin 和 Padding,无需频繁打开 F12。 🎨 专业取色器: 高精度吸取网页任意位置颜色,支持 HEX/RGB 格式。 📏 多功能标尺: 自由创建横纵参考线,精准检查布局对齐与元素尺寸。 📦 可视化盒子模型: 比原生开发者工具更直观地展示元素边界,快速排查布局问题。 为什么选择 ChiSu? 极速响应: 极致轻量化代码,不占用额外内存,即开即用。 非侵入式设计: 纯净无广告,不干扰网页原有逻辑。 强迫症福音: 助力实现 Pixel Perfect 级的设计稿还原。 立即安装,开启你的高效开发之旅!

Growth

WindowUsersChangeRatingsRating
7 days+1+9.1%00.00
30 days−1−7.7%00.00
6 months+4+50.0%00.00

Version history

4 versions recorded
1.0.37 Feb 2026
1.0.22 Feb 2026
1.0.19 Jan 2026
0.1.09 Jan 2026

Details

Category
Developer Tools
First seen
9 Jan 2026
Size
22 KB
Languages
zh-CN
Pricing
Free
Extension ID
bhmkgmnhfenlcgkoiockecndnmgclcke

Permissions and risk

Moderate riskimpact 2, likelihood 2
Permissions
activeTabscripting
Site access
<all_urls>
Can read and change data on every website you visit.

Alternatives to ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼)

Extensions that rank for the same store searches or share the Developer Tools category, ordered by users