Claude Browser

在 VS Code 中提供多个持久化浏览器标签页，可通过 MCP 由 Claude 驱动。

在一个编辑器组中打开 GitHub，在另一个中打开 Claude 终端。重启后仍保持登录状态。让 Claude 无需离开编辑器即可读取并点击您正在查看的同一页面。

功能

• 多个标签页，而非单个。 每个浏览器标签页都是一个编辑器标签页，因此可以拆分、在组间拖拽，并在您离开的地方重新打开。

• 会话持久化。 Cookie 和本地存储在重启后仍然保留，并且所有标签页共享，因此只需登录一次 Slack 即可。

• 拒绝被框架嵌入的网站仍然可以工作。 GitHub、Slack 和 Google 都会发送 X-Frame-Options: DENY，这就是内置的简单浏览器无法显示它们的原因。

• 由 Claude 驱动。 该扩展托管一个 MCP 端点，提供列出标签页、导航、页面快照、点击、输入和读取控制台的工具。

• 它是真实的 DOM。 不是浏览器的视频流：输入延迟是原生的，文本选择和查找小部件可以工作，音频也可以播放。

快速开始

yarn install
yarn build

按 F5 启动扩展开发主机，然后从命令面板运行 Claude Browser: Open Browser Tab。

要让 Claude 驱动它，请在同一窗口中打开终端并运行 claude。该扩展会将其端点写入工作区的 .mcp.json 中，因此工具已经就绪。如果您更愿意手动注册，请运行 Claude Browser: Show MCP Endpoint。

命令

设置

工作原理（一段话）

VS Code 的 webview 是一个沙箱化的 iframe，而值得保持打开的网站拒绝被框架嵌入。因此，该扩展运行一个本地重写代理：每个站点都从自己的回环源（如 github.com.s.localhost:41998）提供，并在传输过程中重写框架和传输头。Cookie 根本不会到达浏览器；代理持有它们并重新附加到上游，这是 __Host- 前缀的会话 cookie 在从不同源提供时能够存活的唯一方式。一个小的 shim 被注入到每个页面中，以重新路由其网络调用，保持导航在代理上，并执行来自 MCP 工具的命令。

详细信息以及此方法无法做到的事情，请参阅 docs/。

文档

• 架构 — 组件及其通信方式

• 代理 — 源映射、头部重写、页面 shim

• 持久化 — 会话存储位置以及什么在什么情况下保留

• MCP — 工具及如何连接

• 安全 — 威胁模型和请求保护

• 限制 — 哪些功能不起作用，以及原因

• 开发 — 构建、测试、发布