qoder-browser-bridge
A standalone MCP server that lets Claude Code, opencode, and other MCP clients control your real browser via the QoderWork browser connector extension, preserving login state and providing tools for navigation, clicking, typing, screenshots, and more.
README
Qoder-browser-bridge
English | 中文
独立的浏览器 MCP Server —— 复用 QoderWork/Qoder 浏览器连接器扩展,让 Claude Code、opencode 等任意 MCP 客户端直接操控你的真实浏览器(保留登录态、Cookies、真实指纹)。
工作原理
MCP 客户端 (Claude Code / opencode)
│ stdio (JSON-RPC / MCP)
▼
qw-browser-bridge (本程序)
│ WebSocket ws://127.0.0.1:<port>/extension/v2
│ HTTP /app/info
▼
QoderWork 浏览器连接器扩展 (Chrome/Edge Extension)
│ chrome.debugger / chrome.tabs API
▼
你的真实浏览器标签页
发现机制:本程序启动时向 %APPDATA%\QoderWork Dev\relay-port.json 写入自己的端口。
扩展内置的 native messaging host 会扫描所有 QoderWork 候选目录下的 relay-port.json,
扩展发现后自动建立 WebSocket 连接。支持与 QoderWork 主程序同时运行(扩展原生支持多中继)。
工具列表不是硬编码的:连接建立后通过 tools/discover 从扩展动态获取,扩展升级后自动跟进。
依赖
- Node.js 18+
- Edge/Chrome 中已安装并启用 Qoder浏览器连接器扩展(QoderWork 设置里打开"浏览器连接器"即可自动安装)
- 浏览器处于运行状态
手动运行
node server.js # 默认端口 18789
node server.js --port 18800 # 指定端口
node server.js --no-discovery # 不写发现文件(调试用)
日志输出到 stderr(stdout 保留给 MCP 协议)。看到 扩展已连接 和 已获取 N 个浏览器工具 即就绪。
cc-switch 配置
{
"type": "stdio",
"command": "node",
"args": [
"~/server.js"
]
}
Claude Code 配置
claude mcp add browser -- node ~/server.js
或手动编辑 ~/.claude.json / 项目 .mcp.json:
{
"mcpServers": {
"browser": {
"command": "node",
"args": ["~/server.js"]
}
}
}
opencode 配置
opencode.json:
{
"mcp": {
"browser": {
"type": "local",
"command": ["node", ~/server.js"],
"enabled": true
}
}
}
通用 MCP 客户端
任何支持 stdio 型 MCP server 的客户端都可以,核心就是:
command: node,args: [server.js 的绝对路径]。
提供的工具(17 个,随扩展版本动态变化)
navigate / read_page / find / form_input / computer(点击、输入、截图、滚动等)/ javascript_tool / get_page_text / file_upload / resize_window / read_console_messages / read_network_requests / handle_dialog / tabs_context / tabs_create / tabs_context_mcp / tabs_create_mcp / tabs_close_mcp
注意事项
- 典型用法:先
tabs_context或tabs_create_mcp拿到 tabId,后续工具都传这个 tabId。 edge://、chrome://等内部页面会被扩展拒绝操作,先 navigate 到普通网页。- 程序退出时自动删除自己写的
relay-port.json(按 pid 匹配,不会误删 QoderWork 的)。 - 默认发现目录是
%APPDATA%\QoderWork Dev,可用--discovery-dir改。 - 协议逆向自扩展 v1.5.2(V2 协议),扩展大版本升级后如连不上可重新抓包核对。
Recommended Servers
playwright-mcp
A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.
Magic Component Platform (MCP)
An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.
Audiense Insights MCP Server
Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.
VeyraX MCP
Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.
graphlit-mcp-server
The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.
Kagi MCP Server
An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.
E2B
Using MCP to run code via e2b.
Neon Database
MCP server for interacting with Neon Management API and databases
Exa Search
A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.
Qdrant Server
This repository is an example of how to create a MCP server for Qdrant, a vector search engine.