免费下载 MCP 版

查看广告以免费下载

Softonic 评论

在 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上下文的工作流程,而不是单独的浏览器实例。

  • 赞成

    • 将编辑器的浏览器暴露给MCP客户端,同时保持DevTools上下文不变
    • 使用本地传输(unix 套接字或命名管道)进行代理通信
    • 提供DOM检查、JavaScript评估和基于截图的视觉反馈
  • 反对

    • 需要一个兼容MCP的主机,例如Claude Desktop或Claude Code
    • 通过 Chrome DevTools 协议操作,仅限于基于 Chromium 的标签
    • 代理操作发生在活动编辑器会话中,需要手动验证

应用参数

  • 开发者

  • 许可证

    免费

  • 版本

    v0.7.0

  • 更新日期

  • 平台

    MCP

  • 语言

    英语

应用程式 提供其他语言版本


免费下载 MCP 版

查看广告以免费下载


用户对 vscode-integrated-browser-mcp 的评分

您是否尝试过 vscode-integrated-browser-mcp?成为第一个离开您的意见!

添加评论
有关使用此软件的法律因国家/地区而异。 如果违反这些法律,我们不鼓励或纵容此程序的使用。
已使用 登录 Softonic