qoder-browser-bridge

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.

Category
访问服务器

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 协议),扩展大版本升级后如连不上可重新抓包核对。

推荐服务器

Baidu Map

Baidu Map

百度地图核心API现已全面兼容MCP协议,是国内首家兼容MCP协议的地图服务商。

官方
精选
JavaScript
Playwright MCP Server

Playwright MCP Server

一个模型上下文协议服务器,它使大型语言模型能够通过结构化的可访问性快照与网页进行交互,而无需视觉模型或屏幕截图。

官方
精选
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

一个由人工智能驱动的工具,可以从自然语言描述生成现代化的用户界面组件,并与流行的集成开发环境(IDE)集成,从而简化用户界面开发流程。

官方
精选
本地
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

通过模型上下文协议启用与 Audiense Insights 账户的交互,从而促进营销洞察和受众数据的提取和分析,包括人口统计信息、行为和影响者互动。

官方
精选
本地
TypeScript
VeyraX

VeyraX

一个单一的 MCP 工具,连接你所有喜爱的工具:Gmail、日历以及其他 40 多个工具。

官方
精选
本地
graphlit-mcp-server

graphlit-mcp-server

模型上下文协议 (MCP) 服务器实现了 MCP 客户端与 Graphlit 服务之间的集成。 除了网络爬取之外,还可以将任何内容(从 Slack 到 Gmail 再到播客订阅源)导入到 Graphlit 项目中,然后从 MCP 客户端检索相关内容。

官方
精选
TypeScript
Kagi MCP Server

Kagi MCP Server

一个 MCP 服务器,集成了 Kagi 搜索功能和 Claude AI,使 Claude 能够在回答需要最新信息的问题时执行实时网络搜索。

官方
精选
Python
e2b-mcp-server

e2b-mcp-server

使用 MCP 通过 e2b 运行代码。

官方
精选
Neon MCP Server

Neon MCP Server

用于与 Neon 管理 API 和数据库交互的 MCP 服务器

官方
精选
Exa MCP Server

Exa MCP Server

模型上下文协议(MCP)服务器允许像 Claude 这样的 AI 助手使用 Exa AI 搜索 API 进行网络搜索。这种设置允许 AI 模型以安全和受控的方式获取实时的网络信息。

官方
精选