REA
全部指南

REA 与 Chrome DevTools:智能体调查还是直接调试?

reverseengineeranything.tools

浏览器交互式调试可选 Chrome DevTools;需要编程智能体结合脚本、请求和证据开展调查时可选 REA。

本页更新内容

  • — 发布附来源的社区案例、实用指南,并明确证据的局限。

需要直接调试浏览器、编辑 DOM/CSS、设置 JavaScript 断点和检查性能时,选择 Chrome DevTools。希望编程智能体调查浏览器页面,把选定的脚本或请求与具体问题关联起来,并根据证据解释结果时,选择 REA。

REA 的浏览器流程需要事先准备本地浏览器连接。仅在这个社区网站输入 URL,并不会触发网站检查。本独立指南链接到 REA 官方浏览器文档和 Chrome DevTools 文档。

两种浏览器工作流程有什么不同?

Chrome DevTools 内置于 Chrome。其面板允许开发者检查正在运行的页面、修改样式、暂停 JavaScript、检查请求、记录用户流程,以及分析性能和内存。你可以直接在浏览器中控制调查。Google 的 DevTools 概览介绍了这些流程。

REA 将编程智能体连接到选定的浏览器观察结果,包括页面结构、已加载脚本、网络活动和按需截图。智能体利用这些观察结果回答具体问题或提出重建方案。REA 另有针对本地应用文件和原生二进制文件的流程,超出 DevTools 通常的页面调试范围。REA README区分了这些目标类型。

你想做什么? 建议起点 输入 结果或优势
立即调整间距、布局或 CSS 规则 Chrome DevTools 选中的 DOM 元素 实时样式编辑和视觉反馈
在某行 JavaScript 暂停并检查状态 Chrome DevTools 运行中的页面和断点 直接控制调试器并检查变量
查找加载瓶颈或内存问题 Chrome DevTools 性能录制或内存分析记录 专门的时间轴和诊断面板
询问智能体浏览器功能如何工作 REA 浏览器流程 已准备的本地连接和具体问题 智能体解读选定的代码和观察结果
从 Electron 软件包追踪功能到原生代码 REA 的独立应用/原生分析流程 本地应用文件及合适的分析提供程序 跨多种目标类型的证据

什么时候 Chrome DevTools 更合适?

当你知道要检查什么,并希望立即得到反馈时,使用 DevTools。选择元素、测试样式、设置断点或查看请求,通常只需一个简短的直接操作。DevTools 省去了与智能体交互时额外的配置和解读过程。

细致分析浏览器性能和内存时,DevTools 也是更好的起点。Performance 面板提供加载和运行时录制;Memory 工具有助于调查内存问题。REA 能收集浏览器观察结果,并不意味着它拥有与每项 DevTools 诊断功能对应的界面。这类任务可从 Google 性能文档或内存文档开始。

请求失败时,Network 面板可以直接展示浏览器记录的活动。智能体能帮助解释证据,但如果响应状态或请求载荷已经说明问题,就不需要额外的智能体环节。

REA 调查什么时候有帮助?

如果问题需要结合多项观察,而且你希望编程智能体解释它们的关系,REA 很有用。请询问具体行为、明确目标页面,并要求提供相关的已加载代码和观察结果。诸如“解释整个网站”这类宽泛提示,会减少可以明确核查答案的方式。

REA 官方恐龙示例提供了具体演示。REA 读取一个源自 Chromium 的恐龙游戏所加载的脚本。智能体识别出初始速度为 6、未发生碰撞时每次更新加速 0.001、最高速度为 13,再将该规则用于一个速度可调的小型游戏。示例包含源码引用和对速度规则的受控核查。

该示例由 REA 项目编写。它不能证明所有网站都能重建,也不应被当作独立社区用户的体验。我们的社区案例合集将来源帖子与官方演示案例分别呈现。

如何准备浏览器调查?

按照 REA 浏览器准备步骤,准备 Chrome 系浏览器和本地调试连接。向智能体提供目标页面 URL、指南要求的本地端点,以及一个问题。请遵循指南的连接范围,不要把调试服务暴露到公网。

对你拥有的演示页面,可以使用这样的提示词:

使用 REA,通过已准备好的本地浏览器连接检查
我的演示页面。解释搜索框如何更新结果。
展示相关的已加载脚本和源码位置。
列出支持该解释的观察结果,以及所有未知事项。

检查返回的证据是否描述了你想调查的操作和状态。若应用有多个页面或状态,某个状态的脚本可能无法解释另一个状态。必要时在 DevTools 中手动重复操作,以确认智能体描述的请求或代码路径。

这两种工具能显示网站后端源码吗?

浏览器可见的脚本和请求反映了该浏览器会话可访问的客户端行为。它们不会自动揭示私有服务器实现、数据库内容或隐藏业务规则。响应能显示服务器对某个请求返回了什么,却不一定解释生成该响应的每个内部步骤。

除非有另外获得授权的证据支持,否则应将智能体提出的后端设计视为假设。复现观察到的界面和恢复其原始实现,是不同的主张。REA 的证据和局限说明有助于划清这个边界,智能体仍需遵守。

浏览器捕获内容可能包含会话专属数据、请求体或敏感 URL。REA 在本地执行分析,但返回的工具结果会交给编程智能体,并受模型提供商的数据政策约束。REA 官方 FAQ解释了这一数据边界。只分享符合任务和授权范围的观察结果。

选择这两种工具时常见的问题有哪些?

REA 能替代 Chrome DevTools 吗?

REA 提供编程智能体调查接口。DevTools 提供直接的浏览器调试和专门诊断面板。用 DevTools 核查 REA 的发现,是一种有效组合。

检查网站需要 Hopper、Ghidra 或 IDA 吗?

REA 的浏览器流程需要兼容浏览器及文档规定的本地连接。原生引擎用于另外的深度原生二进制分析,而非普通页面检查。

REA 是在本站运行的吗?

不是。reverseengineeranything.tools 发布社区示例和指南。要开展调查,请在自己的电脑安装官方 REA 包;本站没有分析文件上传或托管执行功能。

没有 AI 模型也能用 DevTools 吗?

可以。Chrome DevTools 可直接在 Chrome 中使用。REA CLI 也能在没有编程智能体的情况下运行受支持的流程;由智能体驱动的 REA 调查则适用该客户端自己的模型访问要求和条款。

如何开始将 REA 与智能体一起使用?

先阅读我们的首次调查指南,然后遵循官方配置和浏览器指南。确认已安装服务器的工具清单;仓库 main 分支记录的功能可能比已发布软件包更新。