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

About

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 级的设计稿还原。

立即安装，开启你的高效开发之旅！