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

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

https://xflihaibo.github.io/Pole/
ExtensionDeveloper Tools7 users
Item media 6 (screenshot) for ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼)
Item video thumbnail
Item media 2 (screenshot) for ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼)
Item media 3 (screenshot) for ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼)
Item media 4 (screenshot) for ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼)
Item media 5 (screenshot) for ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼)
Item media 6 (screenshot) for ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼)
Item video thumbnail
Item video thumbnail
Item media 2 (screenshot) for ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼)
Item media 3 (screenshot) for ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼)
Item media 4 (screenshot) for ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼)
Item media 5 (screenshot) for ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼)
Item media 6 (screenshot) for ChiSu - Pixel Perfect Ruler(网页像素尺/取色器) & UI Measure Tool(前端像素眼)

Overview

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 级的设计稿还原。 立即安装,开启你的高效开发之旅!

Details

  • Version
    1.0.3
  • Updated
    February 9, 2026
  • Size
    22.29KiB
  • Languages
    中文(中国)
  • Developer
    Website
    Email
    1056497547@qq.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, please open this page on your desktop browser

Google apps