Open Claude in Chrome

Open Claude in Chrome 是什么？

Open Claude in Chrome 是一个完全开源的“Claude in Chrome”浏览器扩展的清洁室重实现。它通过浏览器自动化将 Claude Code 连接到基于 Chromium 的浏览器，并使用相同的 MCP（Model Context Protocol）工具集。

其核心目的是提供浏览器导航和页面内操作，而不带有官方扩展所述的域名限制行为，同时保持项目声称的功能和性能一致性。

主要特性

无域名阻止列表：与官方扩展（列出 58 个跨类别的阻止域名）不同，Open Claude in Chrome 旨在可导航任何网站。
清洁室重实现（开源，MIT 许可）：源代码采用 MIT 许可提供。
适用于任何 Chromium 浏览器：默认支持 Chrome 和 Edge，还提及其他 Chromium 浏览器如 Brave、Arc、Opera、Vivaldi 等。
与 Claude in Chrome 相同的 18 个 MCP 工具：项目列出 18 个工具端点，并定位为与官方扩展相同。
三组件浏览器自动化架构：扩展（Manifest V3，基于 CDP 自动化）、MCP 服务器（由 Claude Code 启动的 Node.js 进程），以及连接 MCP 服务器与扩展的原生消息主机桥接。

如何使用 Open Claude in Chrome

准备先决条件：安装 Node.js v18+ 并安装支持的 Chromium 浏览器。同时使用 Claude Code v2.0.73+。
安装扩展依赖：
- cd host
- npm install
- cd ..
加载扩展：
- 打开浏览器扩展页面（例如 chrome://extensions、brave://extensions、edge://extensions）。
- 启用 Developer mode。
- 点击 Load unpacked 并选择 extension/ 目录。
- 复制扩展名称下显示的 extension ID。
注册原生消息主机：
- 运行 ./install.sh <your-extension-id>。
- 如果使用多个浏览器，请传入多个 ID（仓库中提供示例格式）。
重启浏览器：浏览器在启动时读取原生消息主机配置。
将 MCP 添加到 Claude Code：
- 运行：claude mcp add open-claude-in-chrome -- node /absolute/path/to/host/mcp-server.js
- 仓库建议使用 echo "node $(pwd)/host/mcp-server.js" 确定绝对路径。
验证：启动新的 Claude Code 会话并测试导航到如 reddit.com 等网站；仓库包含基于截图的验证步骤。

使用场景

浏览官方扩展阻止的网站：如果官方扩展阻止特定域名（仓库列举类别如银行、投资、支付/转账、赌博、约会等），Open Claude in Chrome 旨在允许导航到这些域名。
读取和提取页面内容：使用提供的工具如 get_page_text 提取主要文章或页面文本，支持快速审阅或摘要工作流。
与网页表单交互：使用 form_input 通过元素引用设置表单值，适用于结构化数据输入任务。
浏览会话内的客户端自动化：使用如 read_page（可访问性树）、find（通过文本/属性定位元素）和 navigate/back/forward 等操作推进多步骤页面。
自动化浏览中的调试或检查：如 read_console_messages 和 read_network_requests 等工具帮助用户查看自动化遇到的控制台输出和网络活动。

常见问题

问：支持哪些浏览器？
答：项目声明仅类别上支持 Chrome 和 Edge，但也支持“任何 Chromium 浏览器”，列举示例如 Brave、Arc、Opera 和 Vivaldi。

问：如何正确安装原生消息主机？
答：运行 ./install.sh 并传入浏览器扩展页面显示的扩展 ID。如果使用多个浏览器，请传入所有相关扩展 ID。然后在使用 Claude Code 前重启浏览器。

问：如何将 Open Claude in Chrome 连接到 Claude Code？
答：使用 claude mcp add open-claude-in-chrome -- node /absolute/path/to/host/mcp-server.js 将其作为 MCP 添加到 Claude Code，使用 host/mcp-server.js 的绝对路径。

问：如果扩展无法连接该怎么办？
答：仓库建议验证扩展已加载并启用，确认使用正确扩展 ID 运行了 ./install.sh，完全重启浏览器，并检查浏览器 NativeMessagingHosts 目录下是否存在原生消息主机清单。它还提及添加 MCP 服务器时使用绝对路径。

问：Open Claude in Chrome 是否包含与官方扩展相同的浏览器工具？
答：仓库列出 18 个 MCP 工具，并将其呈现为与 Claude in Chrome “相同的 18 个 MCP 工具”。

替代方案

使用官方“Claude in Chrome”扩展：这将匹配相同的 Claude 在浏览器工作流程，但该仓库强调官方扩展包含域名阻止列表。
其他 AI 浏览器自动化方法：寻找将 LLM 与浏览器自动化通过协议或代理框架集成的工具（关键区别在于是否使用 MCP 风格的工具暴露以及如何处理浏览器限制）。
通用浏览器自动化（非 LLM）：自动化框架可以导航和交互页面而无需 LLM 工具层，但它们不会提供 MCP 集成中描述的相同 LLM 面向工具集。

Open Claude in Chrome