哈喽~小伙伴们，周 五 啦！当你开始享受灼热，盛夏才真正属于你，当你开始文末互动，你就离幸运好礼更进一步（文末参与互动领取《测试总监话测试：技术探索与效能提升》书籍1本呦😍）🌹~

MCP 领域发展迅猛！不容错过的开源新星 Chrome MCP Server 来啦。它专注于 Chrome 并行测试，能极大提升你的自动化测试效能，让你的AI助手，从“只能说话”，变成“能说会做”。

有网友说，它比Playwright MCP更好用！！例如：当你说“打开淘宝搜头戴式耳机，截图前十款”，AI乖乖执行，这中间不需要你写一句代码，而且全部是本地，没有云，没有远程API，没有上传数据那种风险，真有这么神奇？我们一起来看看！

阅读本文你将收获：

  1. 什么是Chrome MCP Server？

  2. Chrome MCP Server的主要功能；

  3. 与Playwright MCP对比；

  4. Chrome MCP Server安装步骤；

  5. Chrome MCP Server应用示例；

01

什么是Chrome MCP Server？

Chrome MCP Server 是一个基于chrome插件的 模型上下文协议 (MCP) 服务器，它将让任意你喜欢的LLM或Chatbot客户端（Cursor等）来自动化操作你的浏览器，实现复杂的浏览器自动化、内容分析和语义搜索等。

另外，还做到了直接利用用户已打开的 Chrome 浏览器。无缝集成用户本身的浏览器环境（你的配置、登录态等），在本地运行，使用的是Streamable http的连接方式，支持截图、网络监控、交互操作、书签管理、浏览历史等20多种工具等。

02

Chrome MCP Server的主要功能

  • 聊天机器人/模型无关：让您喜欢的任何 LLM 或聊天机器人客户端或代理自动化您的浏览器；

  • 使用您的原始浏览器：与您现有的浏览器环境无缝集成（您的配置、登录状态等）；

  • 完全本地化：纯本地 MCP 服务器，确保用户隐私；

  • 可流式传输 HTTP：可流式传输的 HTTP 连接方式；

  • 跨表：跨表上下文；

  • 智能内容分析：AI 驱动的文本提取与相似度匹配；

  • 20+ 工具：支持截图、网络监控、交互操作、书签管理、浏览历史记录以及 20+其他工具；

  • SIMD 加速 AI：针对 4-8 倍更快矢量运算的定制 WebAssembly SIMD 优化。

03

与Playwright MCP对比

下图是Chrome MCP Server和Playwright MCP的详细对比：

04

Chrome MCP Server安装步骤

只要你有Node.js 环境，几步就搞定！

当然，没有的话，也可以https:///en/download，下载下载和你电脑匹配的安装包，直接无脑安装就行！

比 Playwright MCP 更能打？开源MCP插件：让 AI 从 “只会说” 到 “动手做”！

接下来就到了正式安装环节啦！

1、全局安装mcp-chrome-bridge

npm方式：

npm install -g mcp-chrome-bridge

或pnpm方式

# Method 1: Enable scripts globally (recommended)pnpm config set enable-pre-post-scripts truepnpm install -g mcp-chrome-bridge
# Method 2: Manual registration (if postinstall doesn't run)pnpm install -g mcp-chrome-bridgemcp-chrome-bridge register

2、从github上下载最新的chrome扩展 下载地址：https://github.com/hangwin/mcp-chrome/releases

然后打开 Chrome 并访问 chrome://extensions/ , 启用’开发者模式’，点击’加载已解压的扩展程序’，选择 your/dowloaded/extension/folder，点击插件图标打开插件，点击连接即可看到mcp的配置。

3、点击插件，需要开启MCP serverServer用的HTTP的方式，端口默认采用12306复制上图的配置，在Cursor或者Cherry studio中添加MCP的配置，就可以愉快的使用了。

最后，这是github的地址：https://github.com/hangwin/mcp-chrome/

04

Chrome MCP Server应用示例

github网站共展示了Chrome MCP Server的10种使用案例，如下图：（且每一个都有视频录制）

这10个案例分别为：

  1. AI帮助你总结网页内容并自动控制Excalidraw进行绘图

  2. 在分析图像内容后，LLM自动控制Excalidraw来复制图像

  3. AI自动注入脚本并修改网页样式

  4. AI自动为您捕获网络请求

  5. AI帮助分析您的浏览历史

  6. 网页对话

  7. AI自动为您截取屏幕（网页截图）

  8. AI自动为您截取屏幕截图（元素截图）

  9. 人工智能帮助管理书签

  10. 自动关闭网页

案例查看方式：

点击https://github.com/hangwin/mcp-chrome/?tab=readme-ov-file可前往查看详情。

好了，今天的分享就到这里啦~屏幕前的大家有什么想说的吗？此外，参与下方话题领取《测试总监话测试：技术探索与效能提升》书籍一本哦~

讨论1：Chrome MCP Server在你心中值几分？最看重哪项功能？

讨论2： 在哪些测试场景下你会优先选择Chrome MCP Server而非传统Selenium Grid？为什么？