Chrome MCP Server 的安装与使用

AI 时代程序员必备技能

Codex、Claude Code、Cursor、Hermes Agent、OpenClaw等工程化实战专栏 ,讲透 AI 如何接管脏活累活

下面是一份针对 hangwin/mcp-chrome(即 “Chrome MCP Server via Chrome 扩展 + mcp-chrome-bridge”) 的从零开始详细安装与使用文档,适合小白用户。文档会按步骤讲清每一步所做的事情、可能遇到的问题和解决方案。

这套方案的核心思路是:

  • 通过一个 Chrome 扩展让 Chrome 浏览器可以与外部程序通信(即作为 MCP Server 的一端)
  • 通过 mcp-chrome-bridge 这个工具来注册桥接器(桥接扩展与本地 MCP 客户端)
  • 用支持 MCP 协议的客户端(例如 Claude Desktop、Cursor、LLM Agent 等)来调用 Chrome 浏览器功能

下面是详细步骤。


一、准备环境

在开始之前,请确保以下环境和工具已经就绪:

项目 要求 / 说明
Node.js 推荐版本 18+(最新版也可以)
npm / pnpm 安装 Node.js 时通常会带有 npm;如果用 pnpm,也可以用 pnpm
Chrome / Chromium 浏览器 用于加载扩展并作为 MCP Server 的目标浏览器
基本命令行使用能力 会用命令行打开终端 / PowerShell / Bash 等即可

二、下载 Chrome MCP 扩展与桥接器

  1. 获取扩展代码
    访问 hangwin/mcp-chrome 的 GitHub 仓库,下载 Releases 中最新版本的扩展包(通常是一个 .zip.crx 源码包)(GitHub)

  2. 安装桥接器工具 mcp-chrome-bridge
    这个工具负责注册本地 Native Messaging Host,使得 Chrome 扩展能和本地 MCP 客户端通信。

    使用 npm 或 pnpm 全局安装:

    npm install -g mcp-chrome-bridge
    

    或者(如果你习惯用 pnpm):

    pnpm install -g mcp-chrome-bridge
    

    安装成功后,你可以在命令行运行:

    mcp-chrome-bridge --help
    

    来查看可用命令(版本、注册、更新端口、修复权限等)。


三、加载并配置 Chrome 扩展

Chrome 扩展是 MCP Server 在浏览器端的那一半,必须在 Chrome 中加载并激活。

  1. 打开 Chrome 浏览器
  2. 在地址栏输入

AI 时代程序员必备技能

Codex、Claude Code、Cursor、Hermes Agent、OpenClaw等工程化实战专栏 ,讲透 AI 如何接管脏活累活

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

时空旅行者666

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值