ChiSu - Pixel Perfect Ruler（网页像素尺/取色器） & UI Measure Tool(前端像素眼)
Extension Actions
featuring a high-precision Color Picker, Pixel Ruler, and Spacing Measurement for pixel-perfect CSS debugging.
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 级的设计稿还原。
立即安装，开启你的高效开发之旅！