ChatGPT Pro 俱乐部
这个MCP是我最近发现的一个浏览器自动化的MCP工具，这个MCP和比较火的Playwright MCP之间的差别如下图所示：
🆚 与同类项目对比
| 对比维度 | 基于 Playwright 的 MCP 服务器 | 基于Chrome插件的MCP Server |
|---|---|---|
| 资源占用 | ❌ 需启动独立浏览器进程，需要安装Playwright依赖，下载浏览器二进制等 | ✅ 无需启动独立的浏览器进程，直接利用用户已打开的Chrome浏览器 |
| 用户会话复用 | ❌ 需重新登录 | ✅ 自动使用已登录状态 |
| 浏览器环境保持 | ❌ 干净环境缺少用户设置 | ✅ 完整保留用户环境 |
| API访问权限 | ⚠️ 受限于 Playwright API | ✅ Chrome原生API全访问 |
| 启动速度 | ❌ 需启动浏览器进程 | ✅ 只需激活插件 |
| 响应速度 | 50-200ms进程间通信 | ✅ 更快 |
最主要的功能就是Chrome MCP能够使用自己有用户名、密码和一些网站的登陆信息，而Playwright MCP开启的是一个全新的浏览器，这个浏览器不具备用户的登陆信息，所以在进行后续操作的时候会出现登陆失败的问题，除此之外Playwright MCP具备的浏览器的调试功能其实在Chrome MCP中都是可以正常进行使用的，这一点用惯了Playwright MCP的用户不需要担心
下面我就教大家如何进行安装和配置这个MCP 在Claude code中进行使用：
第一步：
从github上下载最新的chrome扩展
下载地址：https://github.com/hangwin/mcp-chrome/releases
下载完成之后直接在谷歌浏览器的扩展程序里面选择"加载未打包的扩展程序"然后选择下载解压后的文件夹即可
第二步：在终端中执行"npm install -g mcp-chrome-bridge" 这个命令
第三步：
在终端中执行下面的命令，在claude code中添加上这个mcp
claude mcp add chrome-mcp '{
"type":"http",
"url":"http://127.0.0.1:12306/mcp"
}'
配置完成之后启动claude 可以发现这个mcp是失败的，此时我们需要在chrome浏览器中打开插件然后启动插件，然后刷新一下mcp，mcp即可配置成功了。
