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
Visit Server

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: nodeargs: [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_contexttabs_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

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.

Official
Featured
TypeScript
Magic Component Platform (MCP)

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.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

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.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

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.

Official
Featured
TypeScript
Kagi MCP Server

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.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

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.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured