mcpField
M
MCP Browser Kit

MCP Browser Kit

本地服务
github.com/ndthanhdev浏览器自动化555 天前更新

关于 MCP Browser Kit

MCP Browser Kit 是一个 MCP 服务,使 AI 助手能够操作用户本地的浏览器。它可作为 Claude in Chrome 的替代方案,适用于任何 AI 助手或编码 Agent,支持 stdio 与 HTTP 两种传输方式。

主要功能

  1. 01通过浏览器扩展操作本地浏览器
  2. 02支持 stdio 与 HTTP 传输
  3. 03提供 M2 与 M3 两种扩展版本
  4. 04兼容 Chromium、Firefox 与 Safari

适用场景

  1. 01让 AI 助手在本地浏览器中执行操作,如给仓库加星标
  2. 02为不同 MCP 客户端提供统一的浏览器控制入口

MCP 相关

该项目是一个 MCP 服务,通过 stdio 或 HTTP 接口向 MCP 客户端暴露本地浏览器操作能力。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"browser-kit": {
"command": "npx",
"args": [
"-y",
"@mcp-browser-kit/server"
]
}
}
}
启动命令npx -y @mcp-browser-kit/server

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npm@mcp-browser-kit/server

工具

19

收录的工具列表 · 更新于 3 周前

参数类型必填说明
browserIdstring是来自 bk:///context browsers[].browserId 的 browserId
windowIdstring是来自 bk:///context browsers[].tabs[].windowId 的 windowId
tabIdstring是来自 bk:///context browsers[].tabs[].id 的 tabId

详细介绍

MCP Browser Kit

NPM Version Firefox Add-on Chrome Web Store Workspace Updated Checked with Biome Trust Score

mcp-browser-kit MCP server

🚀 正在 main 分支上? 您看到的是最新的开发文档!如需查看其他版本,请访问 release/* 分支。

一个 MCP 服务,可让 AI 助手与您的本地浏览器交互。它是“Claude in Chrome”的替代方案,适用于任何 AI 助手或编码 Agent。

https://github.com/user-attachments/assets/1fbf87fd-06d1-42bf-a06f-cc2bbdf375a8

使用方法

  1. 将 MCP Browser Kit 添加到您的 MCP 客户端:

    {
    	"mcpServers": {
    		"browser-kit": {
    			"command": "npx",
    			"args": ["@mcp-browser-kit/server@latest"]
    		}
    	}
    }
    

    默认情况下,服务使用 stdio 传输;您也可以改用 http 传输:

    npx @mcp-browser-kit/server@latest --transport http
    # optional flags (defaults shown):
    #   --http-host 127.0.0.1
    #   --http-port 21082
    

    然后将 MCP 客户端指向该 URL,而不是使用 command:

    {
    	"mcpServers": {
    		"browser-kit": {
    			"url": "http://127.0.0.1:21082/mcp"
    		}
    	}
    }
    

    安全性:目前尚未提供身份验证,因此 --http-host 默认值为 127.0.0.1(仅限本地环回)。只有在您了解任何能够访问该主机和端口的用户都可以 控制您的浏览器时,才传入 --http-host 0.0.0.0(或局域网 地址)。

  2. 为您的浏览器选择合适的扩展版本:

    • 查看下方的兼容性表,了解您的浏览器兼容哪个版本(M2 或 M3)
    • 请注意,M2 版本提供的功能比 M3 版本更多,因此如果您的浏览器同时支持两者,请优先选择 M2
  3. 从最新版本下载最新的兼容版本。

  4. 将扩展加载到兼容的浏览器中并启用。

  5. 刷新已打开的标签页,以确保扩展脚本已加载。

  6. 开始在您的 MCP 客户端中发送消息:

    Use browser-kit, star the last open GitHub repo on my browser
    
  7. 可选:查看用户说明以了解更多信息。

兼容性表

M2 版本支持的功能比 M3 版本更多。 扩展文件名格式:

  • M2 版本:
    • Chromium:mcp_browser_kit_m2-<version>.zip(例如,mcp_browser_kit_m2-5.0.0.zip)
    • Firefox:mcp_browser_kit_m2-<version>.xpi(例如,mcp_browser_kit_m2-5.0.0.xpi)
  • M3 版本:mcp_browser_kit_m3-<version>.zip(例如,mcp_browser_kit_m3-5.0.0.zip)
浏览器M2 版本M3 版本
Chrome❌✅
Brave✅✅
Edge✅✅
Firefox✅❌
Safari✅❌

加载扩展

  • 基于 Chromium 的浏览器(Chrome、Brave、Edge)
    1. 解压下载的 .zip 文件
    2. 打开 chrome://extensions/
    3. 启用 Developer mode
    4. 点击 Load unpacked
    5. 选择解压后的扩展文件夹
  • Firefox
    1. 打开 about:addons
    2. 点击齿轮图标,然后选择 Install Add-on From File
    3. 选择下载的 .xpi 文件
  • Safari
    1. 解压下载的 .zip 文件
    2. 打开 Develop > Show Extension Builder
    3. 点击 +,然后选择 Add Extension
    4. 选择解压后的扩展文件夹
    5. 点击 Install 安装扩展

用户须知

Alpha 阶段须知:建议使用单独的浏览器配置文件或专用浏览器实例运行此 MCP,以防敏感数据被意外暴露给 AI 模型提供商。

安全性:BrowserKit 目前未对传入请求进行身份验证。请确保端口 21082 和 2769-2799 仅在设备所在网络内开放。

托管部署

可通过 Fronteir AI 使用托管部署。

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。