StylePeek - 设计样式检查器

无需打开 DevTools，即可即时检查任意网站的字体、颜色和间距。

StylePeek 是一款为高效工作打造的设计检查工具。打开侧边栏，点击任意元素，即可立即查看其样式。无需刷新页面，零 DOM 污染，操作简便。

使用方法：
1. 点击 StylePeek 图标打开侧边栏
2. 点击"开始检查"，选择页面上的任意元素
3. 在侧边栏中即时查看字体排版、颜色和间距信息
4. 一键复制任意数值

侧边栏在浏览过程中保持打开状态，可跨页面和标签页检查元素，无需重新打开。

免费功能：
- 检查字体、字号、字重和行高
- 提取颜色（hex、RGB、HSL），附带预览色块
- 通过可视化盒模型测量外边距和内边距
- 一键复制检查到的任意值
- 适用于所有网站

PRO 功能：
- 将样式导出为 Tailwind CSS 类
- 导出为 CSS 自定义属性或 JSON 设计令牌
- 从图片中提取颜色
- 全页面设计分析与样式概览

隐私保护：
- 所有检查均在浏览器本地运行，不向任何服务器发送数据
- 无 DOM 注入 — 被检查的页面保持完全干净
- 免费功能无需注册账号

主机权限说明：
StylePeek 需要访问网页以读取您点击元素的 CSS 样式。这是侧边栏跨标签页工作所必需的权限。不会收集、存储或传输任何页面内容。

无论是查看参考网站的网页设计师、调试布局的前端开发者，还是审查一致性的设计系统团队，StylePeek 都是理想的工具。