StylePeek - 设计样式检查器

即时检查任意网站的字体、颜色和间距。侧边栏在浏览时保持打开。零 DOM 污染，一键复制。

无需打开 DevTools，即可即时检查任意网站的字体、颜色和间距。 StylePeek 是一款为高效工作打造的设计检查工具。打开侧边栏，点击任意元素，即可立即查看其样式。无需刷新页面，零 DOM 污染，操作简便。 使用方法： 1. 点击 StylePeek 图标打开侧边栏 2. 点击"开始检查"，选择页面上的任意元素 3. 在侧边栏中即时查看字体排版、颜色和间距信息 4. 一键复制任意数值 侧边栏在浏览过程中保持打开状态，可跨页面和标签页检查元素，无需重新打开。 免费功能： - 检查字体、字号、字重和行高 - 提取颜色（hex、RGB、HSL），附带预览色块 - 通过可视化盒模型测量外边距和内边距 - 一键复制检查到的任意值 - 适用于所有网站 PRO 功能： - 将样式导出为 Tailwind CSS 类 - 导出为 CSS 自定义属性或 JSON 设计令牌 - 从图片中提取颜色 - 全页面设计分析与样式概览 隐私保护： - 所有检查均在浏览器本地运行，不向任何服务器发送数据 - 无 DOM 注入 — 被检查的页面保持完全干净 - 免费功能无需注册账号 主机权限说明： StylePeek 需要访问网页以读取您点击元素的 CSS 样式。这是侧边栏跨标签页工作所必需的权限。不会收集、存储或传输任何页面内容。 无论是查看参考网站的网页设计师、调试布局的前端开发者，还是审查一致性的设计系统团队，StylePeek 都是理想的工具。