Chrome MCP Server：AI驱动浏览器自动化测试实战「喂饭教程」

Chrome MCP Server：AI驱动浏览器自动化测试实战

• • 一、项目简介
  • 二、原理剖析
  • • 1. 架构总览
  • 三、安装
  • • 1. 环境准备
    • 2. 安装步骤
    • • 2.1 下载 Chrome 扩展
      • 2.2 安装 mcp-chrome-bridge
      • 2.3 加载扩展
      • 2.4 启动 MCP Server
      • 2.5 配置 AI 客户端
  • 四、Chrome MCP Server API 参考
  • 五、用法实战
  • • 1. 与 AI 助手深度集成
  • 六、常见问题与排查
  • • 1. 扩展无法连接 MCP Server？
    • 2. pnpm 安装报权限错误？
    • 3. AI 客户端无法调用 MCP Server？
    • 4. 如何自定义工具/扩展能力？
  • 总结

一、项目简介

Chrome MCP Server 是一款基于 Chrome 扩展的 Model Context Protocol (MCP) 服务器。它通过 Chrome 插件+原生消息桥接，将你本地 Chrome 浏览器的能力暴露为标准化的 MCP 协议接口，供 AI 助手、自动化平台、智能体等直接调用，实现复杂的浏览器自动化、内容分析、语义搜索等。

核心优势：

• 直接复用用户已登录的 Chrome 浏览器，无需额外进程
• 保留用户所有环境（登录态、插件、历史、书签等）
• 支持 20+ 浏览器原生能力（窗口/标签管理、截图、网络抓包、内容分析、交互操作等）
• 支持流式 HTTP/STDIO 两种协议，兼容主流 AI Agent 框架
• SIMD 加速的 AI 语义搜索，性能极佳

二、原理剖析

1. 架构总览

mcp-chrome 主要由三部分组成：

• Chrome 扩展：注入内容脚本，调用 Chrome 原生 API，监听外部消息。
• Native Messaging Host（原生消息主机）：通过 Chrome 的 Native Messaging 机制，桥接浏览器与本地 Nod