铬桥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 install2.加载Chrome扩展程序
- 打开
chrome://extensions - 启用 开发者模式 (右上)
- 点击 加载未打包的 → 选择
extension文件夹 - 单击扩展图标→ 连接
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
安全
这使克劳德可以完全访问您的浏览器。这才是重点。
- 所有流量都留在本地主机上
- 没有数据发送到外部服务器
- 您可以控制扩展连接的时间
负责任地使用。
许可证
麻省理工学院
