在 VS Code 中为 AI 代理提供的编辑器内浏览器控制
vscode-integrated-browser-mcp,由Thimo(Thimo Koerner)开发,是一个模型上下文协议(MCP)服务器,允许外部AI助手控制访问Visual Studio Code内置浏览器。该工具使AI代理能够浏览页面、与UI元素交互、捕获屏幕截图,并在编辑器会话中运行JavaScript。它将编辑器的实时会话暴露给MCP和HTTP API,旨在为需要AI驱动的检查的开发人员和QA工程师提供服务,使他们在不离开IDE的情况下对本地开发服务器和文档进行检查。
该工具为代理驱动检查生成什么类型的输出?
该工具生成几种具体的、机器可读的输出,以支持验证任务。屏幕截图捕获提供模型可以参考的像素级检查的视觉快照。DOM 访问返回节点结构和属性,以便进行基于选择器的验证。JavaScript 评估在页面上下文中执行代码并返回结果或控制台日志,代理可以使用这些信息在自动检查期间确认动态 UI 状态。
它如何处理与代理的安全本地通信?
通信设计上保持本地:实现使用本地传输选项,例如 unix 套接字或命名管道进行代理连接,并为客户端公开本地 HTTP API 和 MCP 端点。该工具还针对编辑器的活动会话操作,因此经过身份验证的 Cookie 和本地主机开发服务器对代理保持可用。与基于 Chromium 的标签的交互使用 Chrome DevTools 协议进行命令执行。
对于开发者工作流程,集成和安装是否简单?
安装与标准 VS Code 扩展工作流程集成,从市场上以 thimo.integrated-browser-mcp 的形式提供,或通过命令行安装命令进行安装。该工具需要一个与 MCP 兼容的主机,例如 Claude Desktop 或 Claude Code,并支持 Windows、macOS 和 Linux 的 VS Code 构建。对于 Claude Code 用户,开发者提供零配置设置,减少了常见代理设置的初始接线。
针对需要在编辑器中进行自动化的开发人员和QA的选项
在MCP社区中被认可为一种独特的解决方案,该工具适合运行本地服务器并需要在其编辑器中进行AI驱动交互的团队。期待自动化在您的活动会话中起作用,因此在将代理驱动的更改应用于源控制之前,请在IDE中审查它们。其设计更倾向于依赖于经过身份验证的会话和DevTools上下文的工作流程,而不是单独的浏览器实例。