sansan-chrome-mcp
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@sansan-chrome-mcptake a screenshot of the current page"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Sansan Chrome MCP
通过 MCP (Model Context Protocol) 让 AI 助手控制你的 Chrome 浏览器。
工作原理
┌──────────────┐ HTTP/SSE ┌──────────────────┐ Native Messaging ┌──────────────────┐
│ AI 助手 │ ◄──────────────► │ Native Server │ ◄──────────────────► │ Chrome 扩展 │
│ Claude/等 │ localhost:2733 │ sansan-chrome- │ com.sansan.chrome │ Sansan Chrome MCP│
└──────────────┘ │ bridge │ └──────────────────┘
└──────────────────┘AI 助手通过 MCP 协议调用工具 → Native Server 转发请求 → Chrome 扩展执行浏览器操作 → 返回结果。
Related MCP server: Cloudflare Playwright MCP
快速开始
1. 安装 Native Server
npm install -g sansan-chrome-bridge安装后 postinstall 会自动注册 Native Messaging host。如注册失败,可手动执行:
sansan-chrome-bridge register # 用户级注册(推荐)
sansan-chrome-bridge register --system # 系统级注册(需管理员权限)2. 安装 Chrome 扩展
下载最新的 sansan-chrome-mcp.zip (或从源码构建,见下方)
解压后在 Chrome 中打开
chrome://extensions/开启「开发者模式」→ 点击「加载已解压的扩展程序」→ 选择解压目录
3. 配置 AI 客户端
Claude Code / kscc:
在 MCP 配置文件中添加:
{
"mcpServers": {
"chrome": {
"url": "http://127.0.0.1:2733/mcp"
}
}
}Stdio 方式(备选):
{
"mcpServers": {
"chrome": {
"command": "sansan-chrome-stdio"
}
}
}4. 验证
sansan-chrome-bridge doctor该命令会自动检测安装状态、注册表、扩展连接等,并给出修复建议。
支持的工具
工具 | 说明 |
| 获取所有窗口和标签页信息 |
| 读取页面内容 |
| 鼠标/键盘操控(点击、滚动、输入等) |
| 导航到指定 URL |
| 页面截图 |
| 关闭标签页 |
| 切换标签页 |
| 抓取网页内容 |
| 发送网络请求(携带浏览器 Cookie) |
| 捕获网络请求/响应 |
| 处理浏览器下载 |
| 搜索浏览历史 |
| 搜索书签 |
| 添加书签 |
| 删除书签 |
| 在页面中执行 JavaScript |
| 点击页面元素 |
| 填写表单 |
| 请求用户手动选择元素 |
| 模拟键盘输入 |
| 捕获控制台输出 |
| 上传文件 |
| 处理浏览器对话框(alert/confirm/prompt) |
CLI 命令
sansan-chrome-bridge register [--system] # 注册 Native Messaging host
sansan-chrome-bridge fix-permissions # 修复执行权限
sansan-chrome-bridge update-port <port> # 更新 stdio 模式端口
sansan-chrome-bridge doctor [--fix] # 诊断安装问题(可选自动修复)
sansan-chrome-bridge report # 导出诊断报告(用于提交 Issue)从源码构建
环境要求
Node.js >= 20
pnpm >= 10
构建
git clone https://github.com/yourname/chrome-mcp.git
cd chrome-mcp
pnpm install
pnpm build开发
# 同时启动 shared + native-server + extension 开发模式
pnpm dev打包扩展
cd app/chrome-extension
pnpm zip
# 产物在 .output/ 目录下项目结构
chrome-mcp/
├── packages/
│ └── shared/ # 共享类型、工具定义、常量
│ └── src/
│ ├── constants.ts # HOST_NAME、默认端口等
│ ├── types.ts # 消息类型、工具类型
│ └── tools.ts # 所有 MCP 工具 schema
├── app/
│ ├── native-server/ # Native Messaging host (npm: sansan-chrome-bridge)
│ │ └── src/
│ │ ├── cli.ts # CLI 入口
│ │ ├── mcp/ # MCP Server 实现
│ │ ├── server/ # Fastify HTTP 服务
│ │ ├── native-messaging-host.ts # Chrome Native Messaging 通信
│ │ └── scripts/ # 注册、诊断、构建脚本
│ └── chrome-extension/ # Chrome 扩展 (Vue 3 + WXT)
│ └── src/
│ ├── entrypoints/ # background、popup、content scripts
│ ├── common/ # 通用工具
│ └── inject-scripts/ # 注入页面的脚本
├── pnpm-workspace.yaml
└── package.json发布
故障排除
运行诊断工具:
sansan-chrome-bridge doctor常见问题:
问题 | 解决方案 |
|
|
Windows 注册表未写入 | 以管理员身份运行 |
扩展无法连接 | 确认扩展已安装且 Chrome 已重启 |
端口冲突 |
|
更多排查步骤见 app/native-server/install.md
致谢
本项目基于 mcp-chrome 修改而来,感谢原作者 @hangwin 的工作。
License
MIT
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/AbellLee/sansan-chrome-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server