AI导哈

浏览器连接工具

Chrome Bridge MCP是一个轻量级的本地服务器，连接Claude Code到个人Chrome浏览器，支持执行JavaScript、管理标签页和截图等功能，无需云服务或订阅。

  • by DhruvAtreja
  • JavaScript
  • 本地部署
  • 1 星标
  • 更新于
在 GitHub 查看 DhruvAtreja/Chrome-Bridge-MCP

使用说明

铬桥MCP

让Claude直接访问您的Chrome浏览器。没有云。没有订阅。没有限制。

一个轻量级的MCP服务器，将Claude Code连接到您的个人Chrome浏览器。执行JavaScript、管理标签页、截图——所有这些都在本地100%运行。

为什么选择Chrome桥？

功能 Chrome桥 剧作家MCP 云浏览器工具
使用您现有的Chrome会话 是 否（新浏览器） 否
访问已登录的网站 是 否 各不相同
需要云订阅 否 否 经常
安全限制 无 部分 许多

主要优势：

  • 您的实际浏览器 -不是无头实例。您的登录名、Cookie、扩展名-都在那里
  • 零云依赖 -完全在本地主机上运行
  • 无人为限制 -否“我无法与该网站交互”
  • 与Claude Code CLI配合使用 -使用您的API信用，而不是专业订阅

快速开始

1.克隆和安装

git clone https://github.com/AskAGI/chrome-bridge-mcp.git
cd chrome-bridge-mcp
cd server && npm install

2.加载Chrome扩展程序

  1. 打开 chrome://extensions
  2. 启用 开发者模式 （右上）
  3. 点击 加载未打包的 → 选择 extension 文件夹
  4. 单击扩展图标→ 连接

3.配置克劳德代码

添加到 ~/.claude.json:

{
  "mcpServers": {
    "chrome-bridge": {
      "command": "node",
      "args": ["/path/to/chrome-bridge-mcp/server/index.js"]
    }
  }
}

重新启动克劳德代码。完成。

工具

只有15个工具——你需要的大多数事情都可以用它来完成 chrome_execute_script:

工具 它做什么
chrome_list_tabs 列出所有打开的选项卡
chrome_get_active_tab 获取当前标签信息
chrome_create_tab 打开新选项卡
chrome_close_tab 关闭选项卡
chrome_switch_tab 切换到选项卡
chrome_reload_tab 重新加载选项卡
chrome_execute_script 在选项卡中运行任何JS
chrome_get_cookies 获取Cookie（跨域）
chrome_set_cookie 设置cookie
chrome_delete_cookie 删除cookie
chrome_take_screenshot 屏幕截图选项卡
chrome_enable_network_monitoring 开始捕获请求
chrome_get_network_requests 获取捕获的请求
chrome_enable_console_monitoring 开始捕获日志
chrome_get_console_logs 获取控制台输出

execute_script的力量

大多数浏览器自动化只是 chrome_execute_script:

// Click a button
document.querySelector('button.submit').click()

// Fill a form
document.querySelector('input[name="email"]').value = 'test@example.com'

// Get page content
document.body.innerText

// Read localStorage
JSON.stringify(localStorage)

// Scroll
window.scrollTo(0, document.body.scrollHeight)

其他工具用于页面JS不能做的事情：

  • 选项卡管理 -仅限Chrome扩展API
  • 跨域Cookie -仅限扩展API
  • 截图 -仅限调试器API
  • 网络/控制台监控 -仅限调试器API

建筑

┌─────────────┐     MCP      ┌────────────┐   WebSocket   ┌───────────────┐
│ Claude Code │ ◄──────────► │ MCP Server │ ◄───────────► │ Chrome Extension │
└─────────────┘              └────────────┘               └───────┬───────┘
                                                                  │
                                                         Debugger API
                                                                  │
                                                                  ▼
                                                          ┌─────────────┐
                                                          │ Your Browser │
                                                          └─────────────┘

多实例支持： 多个Claude Code会话可以共享一个扩展连接。第一个实例成为主实例，其他实例通过它进行代理。

技术说明

  • 使用Chrome调试器API(Runtime.evaluate)绕过CSP限制
  • 适用于任何网站，包括Twitter/X、GitHub等。
  • 服务器仅监听 localhost:8765
  • 扩展使用Manifest V3

安全

这使克劳德可以完全访问您的浏览器。这才是重点。

  • 所有流量都留在本地主机上
  • 没有数据发送到外部服务器
  • 您可以控制扩展连接的时间

负责任地使用。

许可证

麻省理工学院

相关 MCP