ChiSu - Pixel Perfect Ruler（网页像素尺/取色器） & UI Measure Tool(前端像素眼)
https://xflihaibo.github.io/Pole/ · Developer Tools
Media
6 items
Description
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 级的设计稿还原。 立即安装，开启你的高效开发之旅！