Open Inspector：悬停即查任意网站设计系统的开源利器

一个不需要任何权限的网页审查工具

在前端开发和设计还原的日常工作里，查看一个网站的布局、样式、配色和字体是高频需求。市面上已有不少同类扩展，但大多需要申请站点访问权限，甚至在后台发起网络请求，这让注重隐私和安全的开发者心存顾虑。Open Inspector 正是针对这一痛点而来。

这款在 Product Hunt 上线的浏览器扩展，核心卖点一句话就能概括：悬停任意网站，即可获取它的设计系统，且不需要任何权限。它免费、开源，采用 MIT 协议，无需注册账号即可使用，目前在当日排行榜位列第 13 名，获得了 82 个赞。

它具体能做什么

Open Inspector 的功能围绕「网页元素审查」展开，覆盖了设计还原场景中最常触碰的几个维度：

• 布局（Layout）：查看页面元素的排布结构与盒模型信息
• 样式（Styles）：读取元素应用的 CSS 样式
• 颜色（Colour）：提取页面使用的配色
• 字体（Type）：识别文本的字体、字号等排版属性
• 资源（Assets）：查看页面引用的图片等素材

更进一步，它还支持将页面的设计令牌（design tokens）导出。对设计系统工程师来说，这意味着可以快速把一个线上页面的色板、字号阶梯等变量抽取出来，作为参考或迁移的基础，省去手动一个个翻查开发者工具的繁琐。

**设计令牌（Design Tokens）**是设计系统中用于存储设计决策的命名变量，本质上是把颜色、字体大小、间距、圆角半径等视觉属性抽象为与平台无关的键值对（如 color-primary: #0066FF、font-size-body: 16px）。这套机制让设计与开发团队能共享同一套「设计语言」，并在 Web、iOS、Android 等多端保持一致性。W3C 正在推进相关标准化草案（Design Tokens Community Group），Figma、Style Dictionary 等工具也已广泛采用这一概念。Open Inspector 支持从线上页面直接导出设计令牌，意味着即便对方没有公开 Figma 文件或文档，也能快速逆向还原其设计规范，极大降低竞品分析和设计迁移的人工成本。

零权限、零网络请求的隐私承诺

与同类热门工具最本质的区别在于它的安全姿态。按照作者 Patryk Lasek 的说法，Open Inspector 不请求任何站点访问权限（no site access），也不发起任何网络请求（zero network requests）。

这两点在浏览器扩展生态里尤为重要。许多免费扩展通过超额索取权限或后台上传数据来变现，而一个明确声明「不联网、不要权限」的工具，意味着你审查的所有内容都停留在本地浏览器环境中，不会被回传到任何服务器。对于在企业内网或处理敏感项目的开发者而言，这种设计从根本上消除了数据外泄的风险。

开源意味着可验证

「不发起网络请求」这类承诺，在闭源软件里只能靠信任，而 Open Inspector 采用 MIT 开源协议，代码公开可查。开发者完全可以审阅源码确认其行为是否与宣传一致，这种透明度正是开源工具相比商业替代品的核心竞争力。无需账号、无需登录的设计也进一步降低了使用门槛。

浏览器扩展在安装时向用户申请的权限主要分为两类：**主机权限（host permissions）**允许扩展读取和修改指定网站的页面内容与网络请求；API 权限则允许访问浏览器内部功能（如标签页、书签、剪贴板等）。大量知名扩展曾因过度索取主机权限并在后台上传用户浏览数据而引发隐私丑闻——Avast 旗下扩展出售用户数据事件即为典型案例。Open Inspector 声称无需主机权限，其审查能力依赖的是浏览器原生的 content script 注入机制，仅在用户主动触发时在本地执行 DOM 查询和 CSS 计算，全程不离开浏览器沙箱环境，因此不构成数据泄露的攻击面。

适合谁，值得一试吗

Open Inspector 面向的典型用户是前端开发者、UI/UX 设计师以及设计系统维护者。当你需要快速了解竞品网站的视觉规范、还原一个设计稿背后的实现，或是为自家设计系统寻找参考时，它都能派上用场。

从产品定位看，它走的是「小而专、重隐私」的路线——不追求功能大而全，而是把网页审查和设计令牌导出这件事做得干净、无负担。作为一款免费且 MIT 开源的 Chrome 扩展，几乎没有试用成本。

需要说明的是，目前公开的信息主要来自 Product Hunt 的产品介绍，实际的导出格式精度、对复杂页面的解析能力等细节仍需在真实使用中验证。但就「零权限审查 + 设计令牌导出」这一明确的差异化定位而言，它为那些对隐私敏感、又需要频繁审查网页的专业用户提供了一个有吸引力的选项。