Archify 是什么？

Archify 是一款免费、开源的浏览器扩展，可直接在浏览器中揭示任何网页背后的架构——组件、API、库和运行时行为。它完全在本地运行，无需注册账号，也绝不向任何地方发送数据。只需悬停一次，即可查看完整的系统栈：从 UI 框架和库，到网络调用和存储机制。

适用人群

• 开发者：需要快速理解不熟悉的代码库或第三方应用，而无需深入 DevTools
• 工程负责人：希望审计团队 Web 项目中的依赖项、跟踪器和支付流程
• 安全研究人员：需要检查运行时行为，并识别任意页面上的第三方脚本、分析像素和数据流

主要功能

运行时架构检测

Archify 从浏览器中读取实时信号——框架内部机制、网络调用、DOM 结构和表单字段监听器——以识别完整的技术栈。它能检测超过 100 种指纹，包括 React、Next.js、Vue、Angular、Stripe、Google Analytics 等，所有检测均在运行时验证，并附带置信度评分。

一键系统追踪

悬停任意元素，即可查看其组件、库、API 调用、存储使用情况和路由。点击交互式元素，可追踪完整流程：触发哪个 API、存储了什么内容、用户下一步去向何处。整个追踪过程在本地完成，耗时不超过 30 秒。

置信度评分结果

每项检测都带有置信度评分，让您清楚了解每个读数的可靠性。Archify 从不编造信息——如果无法识别某项内容，它会显示“未知”，而非猜测。

整页分析

点击工具栏图标，即可获取任意页面的完整分析：框架栈、主机、跟踪器、信用卡输入等敏感字段附近的脚本，以及所有第三方集成。所有信息均有运行时证据支持。

突出特点

“其他工具只回答片段。Archify 回答真正的问题：这个应用是如何工作的？”

虽然 Chrome DevTools 显示实现细节，Wappalyzer 列出技术，React DevTools 暴露组件，但 Archify 是唯一能将所有这些层面连接成连贯系统视图的工具。它让开发者在已经花费 27% 理解时间的浏览器中，几秒钟内获得答案，而通常理解一个登录流程需要 45 分钟。

值得一试，如果……

您厌倦了在多个 DevTools 面板之间切换、阅读文档、以及向资深工程师请教才能理解网页的工作原理。如果您处理的是自己未编写的 AI 生成代码、需要审计第三方依赖项、或者希望快速上手不熟悉的项目而无需深入研究源码映射和网络日志，Archify 尤其有价值。