大家好,我是 Rijul,我正在开发 LiveReview——一个具备爆炸半径感知能力的 AI 代码审查工具,专为你的关键业务系统打造。给我们点个 Star帮助开发者发现这个项目,试用一下,并分享你的反馈以帮助改进产品。
我们用 AI 智能体处理各种任务。有些智能体甚至能与你的浏览器交互,在你工作时充当伙伴。
作为一个使用 OpenCode 的人,我想把这种能力引入我的工作流。我希望 OpenCode 能与我的浏览器交互,这样它在帮我处理任务时就能访问相关的浏览器上下文。
在本文中,我们来看看如何使用 Browser MCP 将你的浏览器连接到 OpenCode。
1. 你需要什么
要进行这项设置,你需要两个组件:
- 浏览器扩展:将你的浏览器连接到 MCP 服务器。
- 本地 MCP 服务器:让你的 AI 客户端通过模型上下文协议(MCP)与浏览器交互。
我们来把它们设置好。
2. 安装浏览器扩展
首先,访问以下页面安装 Browser MCP 扩展:
安装扩展后,你会被引导到一个包含更多信息的页面。
该页面链接到官方 Browser MCP 文档,你可以在那里找到更多设置说明以及关于其工作原理的详细信息:
3. 将 MCP 服务器添加到 OpenCode
接下来,配置 OpenCode 以使用 Browser MCP 服务器。
打开你的 OpenCode 配置文件并添加以下配置:
{"$schema":"https://opencode.ai/config.json","mcp":{"browsermcp":{"type":"local","command":["npx","-y","@browsermcp/mcp@latest"]}}}
此配置告诉 OpenCode 使用以下命令在本地启动 Browser MCP 服务器npx。
添加后保存配置。
4. 连接并测试浏览器
配置好 MCP 服务器后,确保 Browser MCP 已连接。
现在,我们来测试它是否有效。
转到 OpenCode,给它一个需要浏览器交互的任务。例如:
Go to the Wikipedia page for "Open-source software" and list the main section headings.
Browser MCP 服务器允许 OpenCode 与浏览器交互并导航到请求的页面。
以下是智能体返回的结果。
如你所见,OpenCode 可以使用浏览器来完成任务,而不是仅依赖对话中已有的信息。
结论
这就是将 Browser MCP 连接到 OpenCode 的方法。
这套配置让你能把浏览器交互带入 AI 辅助的工作流。你不必再分别操作 AI 智能体和浏览器,而是可以给 OpenCode 分配涉及网页导航和通过已连接浏览器收集信息的任务。
当你希望 AI 编程助手在现有工作流中同时处理来自网络的相关信息时,这会很有用。
本文就到这里。我们下篇文章再见!
你的团队注意力有限,而大量 AI 生成的代码正让保持生产环境的可靠与安全变得更加困难,同时又不拖慢你的进度。
我正在构建LiveReview,一个具备爆炸半径感知能力的 AI 代码审查工具,专为你的业务关键系统打造。
LiveReview 不会对每个 diff 给予同等重视,而是按爆炸半径——即变更的影响通过调用图能波及多远——为每个改动打分,让你能把注意力集中在真正重要的地方。
把代码审查的精力花在业务风险最高的地方——而不是平均分摊到每个 diff 上。
⭐ 在 GitHub 上给它点星:
LiveReview:面向业务关键系统的风险感知 AI 代码审查
LiveReview 是一个 AI 代码审查工具,它会为 diff 的每个代码块按爆炸半径打分:即一个改动通过调用图能波及多远、触及多少持久化状态,以及测试覆盖程度如何。一个针对共享鉴权检查的 3 行改动,其优先级可能高于一个 300 行的 UI 调整。你团队的注意力会优先投向风险最高的代码,而不是平均分摊到每个 diff 上。
blast-radius-demo.mp4LiveReview 的爆炸半径与审查优先级评分,直接在 diff 查看器中呈现。
爆炸半径评分是如何工作的?(更技术性的解释)
目标是这样的:
- 一个被其他 40 个文件调用的函数中的 3 行修复,同时还写入数据库,应该得到高分。
- 单个文件中 300 行的 UI 改动,且测试完全覆盖……
点击下方,用你的代码库试用 LiveReview:









