首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >3.1k star!推荐一款开源基于AI实现的浏览器自动化插件工具 !

3.1k star!推荐一款开源基于AI实现的浏览器自动化插件工具 !

作者头像
测试开发技术
发布2025-07-16 16:01:37
发布2025-07-16 16:01:37
41700
代码可运行
举报
文章被收录于专栏:测试开发技术测试开发技术
运行总次数:0
代码可运行

大家好!今天,要给大家介绍一款超实用的开源工具——Chrome MCP Server!这款工具不仅能大幅提升我们的工作效率,还能让AI助手(如Claude)直接操控浏览器,实现自动化操作、内容分析等强大功能。

一、介绍

Chrome MCP Server(全称 Chrome Multi-Channel Protocol Server)是一个开源的Chrome浏览器自动化框架,它通过 AI 能力(如自然语言理解、元素智能识别)降低了浏览器自动化的门槛,让开发者或非技术人员可以更轻松地实现网页操作自动化(如表单填写、数据爬取、页面测试等)。

它允许 AI 助手(如 Claude)直接操控浏览器,实现自动化操作、内容分析和语义搜索等功能。支持 20+ 种工具,包括截图、网络监控、书签管理、浏览历史等,且基于 WebAssembly SIMD 优化,向量运算速度提升 4-8 倍。

它的核心优势在于无需编写复杂的 XPath 或 CSS 选择器,而是通过自然语言描述目标操作,AI 会自动识别页面元素并执行相应动作,大幅提升自动化脚本的开发效率和稳定性。

与同类项目Playwright对比优势:

图片
图片

与传统的浏览器自动化工具(如 Playwright、Selenium)不同,Chrome MCP Server 直接使用用户日常使用的 Chrome 浏览器,保留登录状态、配置和扩展,确保隐私,支持本地运行和流式 HTTP 连接 。

二、Chrome MCP Server主要功能

1. 浏览器自动化操作:

  • 支持直接控制 Chrome 浏览器,包括点击、填表、键盘输入等。
  • 可以保留浏览器的登录状态和配置,方便连续操作。

2. 内容分析与语义搜索:

  • 支持对网页内容的分析和语义搜索,帮助用户快速获取信息。

3. 截图与网络监控:

  • 提供截图功能,方便记录网页内容。
  • 支持网络监控,查看浏览器的网络请求和响应。

4. 浏览历史和书签管理:

  • AI 可以帮助整理和搜索浏览历史及书签。

5. 跨标签页操作:

  • 支持批量管理和内容提取,提升多任务处理效率。

三、快速上手

1、环境准备:确保安装 Node.js 18+、pnpm 和 Chrome/Chromium。

2、打开快捷导航平台(https://kjdaohang.com/),点击最新上架菜单,找到Chrome MCP Server,点击直达链接,选择最新版本即可下载。

图片
图片

3、全局安装mcp-chrome-bridge

代码语言:javascript
代码运行次数:0
运行
复制
# npm 安装命令
npm install -g mcp-chrome-bridge

# pnpm安装命令
pnpm config set enable-pre-post-scripts true
pnpm install -g mcp-chrome-bridge

4、打开 Chrome 并访问 chrome://extensions,启用"开发者模式",再点击"加载已解压的扩展程序",选择刚刚下载好的插件解压文件夹。

安装成功后,点击插件图标打开插件,点击连接即可看到mcp的配置。

代码语言:javascript
代码运行次数:0
运行
复制
{
  "mcpServers": {
    "chrome-mcp-stdio": {
      "command": "npx",
      "args": [
        "node",
        "/Users/xxx/Library/pnpm/global/5/node_modules/mcp-chrome-bridge/dist/mcp/mcp-server-stdio.js"
      ]
    }
  }
}
图片
图片

5、通常建议与 MCP 协议客户端一起使用,比如Cherry Studio 为例, 同样在快捷导航平台(https://kjdaohang.com/),点击最新上架菜单,找到Cherry Studio,点击直达链接,选择最新版本下载。

配置MCP客户端时,建议使用可流式传输的 HTTP 连接方法

代码语言:javascript
代码运行次数:0
运行
复制
{
  "mcpServers": {
    "chrome-mcp-server": {
      "type": "streamableHttp",
      "url": "http://127.0.0.1:12306/mcp"
    }
  }
}

6、使用示例,例如使用AI 自动注入脚本并修改网页样式。

,时长00:33

四、总结

Chrome MCP Server 是一款强大的浏览器自动化工具,它让 AI 助手能够直接操控浏览器,完成各种自动化任务。无论是数据采集、内容管理,还是日常办公,它都能成为你的得力助手。如果你还在为繁琐的浏览器操作烦恼,不妨试试 Chrome MCP Server,相信它会给你带来惊喜!

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2025-07-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 测试开发技术 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、介绍
  • 二、Chrome MCP Server主要功能
  • 三、快速上手
  • 四、总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档