chrome-bridge

chrome-bridge

An MCP server that lets LLM agents control all Chrome browser tabs via accessibility snapshots, element references, and a virtual cursor, supporting operations like click, type, navigate, screenshot, and video recording.

Category
访问服务器

README

chrome-bridge

chrome-bridge is a Chrome extension and HTTP MCP server that lets LLM agents operate every tab in the Chrome browser you use every day.

It operates your existing Chrome through accessibility snapshots, strict element references, and a virtual cursor, with the following principles:

  • Do not select one tab at connection time; make every tab in every window available for operation.
  • Provide tab listing, creation, closing, and selection as MCP tools.
  • Use Streamable HTTP, rather than stdio, as the MCP transport.
  • Implement the MCP server in Python with uv.

Record individual operations

chrome-bridge can record one requested operation from its initial page state through its visible result, without foregrounding the target tab. Add video_filename to a wait, input, upload, or navigation/history tool and the extension saves a silent WebM below Downloads/chrome-bridge/, including 500 ms before and after the operation.

Watch the chrome-bridge operation-recording showcase

The 27-second showcase uses the self-contained, fictional Kiteframe demo; it contains no real user, browser, account, or machine data. For example, after taking a current snapshot and obtaining the button ref:

browser_click(
    element="Create my workspace button",
    ref="s12e7",
    video_filename="signup-submit.webm",
)

Omit video_filename to preserve the tool's original return value and avoid recording overhead. The standalone browser_record_video tool records a bounded hold without performing another page action.

The current vertical slice supports simultaneous connections from multiple Chrome profiles and provides the following 21 tools. When multiple browsers are connected, use browser_instances to find their IDs and pass browser_id to each tool. It may be omitted when only one browser is connected.

Tool Function
browser_instances List IDs and labels of connected browser instances
browser_tabs List tabs across all windows
browser_tab_open Open an HTTP(S) URL or a blank tab
browser_tab_close Close a tab by tab ID
browser_tab_select Select the page-operation target without foregrounding Chrome UI
browser_tab_activate Select the page-operation target and foreground its window
browser_snapshot Capture an accessibility snapshot of the target tab
browser_click Click a snapshot ref, optionally record the operation, and return a post-operation snapshot
browser_hover Move to a snapshot ref, optionally record the operation, and return a post-operation snapshot
browser_type Type into a snapshot ref, optionally record the operation, and return a post-operation snapshot
browser_upload_file Assign local files to the chooser opened by a snapshot ref, optionally recording through the resulting snapshot
browser_select_option Select values in a snapshot ref, optionally record, and return a post-operation snapshot
browser_press_key Send a key or chord to the target tab, optionally recording the operation
browser_navigate Navigate to an HTTP(S) URL, optionally recording through the post-operation snapshot
browser_go_back Go back in history, optionally recording through the post-operation snapshot
browser_go_forward Go forward in history, optionally recording through the post-operation snapshot
browser_wait Wait for a specified number of seconds, optionally recording the target during the wait
browser_record_video Record the target tab as a bounded silent WebM below Downloads/chrome-bridge
browser_screenshot Capture the target tab's viewport as PNG image content
browser_get_console_logs Retrieve up to 100 console entries and exceptions from the target tab
browser_drag Drag between two snapshot refs, optionally record, and return a post-operation snapshot

Comparison with similar tools

This feature comparison is based on public documentation available as of 2026-07-18. Because each project has a different scope, the table is intended as a guide for choosing a tool, not as a simple ranking.

Item chrome-bridge Browser MCP mcp-chrome
Existing Chrome login state Uses it Uses it Uses it
MCP transport Streamable HTTP stdio Streamable HTTP and stdio
Operation target Lists all windows/tabs and selects a persistent target The current single tab connected through the extension popup Tab-ID addressing and cross-tab operations
Background-tab operation Target selection does not foreground; only explicit activation does Operates the connected tab background option on some tools (best effort)
Simultaneous routing to multiple Chrome profiles Stable ID per installation Not mentioned in public setup documentation Not mentioned in public README
Element discovery and operation Accessibility YAML and generation-scoped strict refs Accessibility snapshot and element specification Accessibility-like tree, refs, selectors, and coordinates
Local file upload 1–20 files to the chooser opened by a strict ref Not mentioned in public tool documentation Not mentioned in public tool documentation
Operation-scoped video recording Standalone bounded recording plus optional recording around wait, input, upload, and navigation/history operations Not mentioned in public documentation or changelog Not listed in the current public tool reference
Screenshot Target viewport, orientation-aware Full HD bound Connected tab Viewport/full page/element, configurable size
Console logs Up to 100 console entries/exceptions from the target Supported Supported
Network monitoring/arbitrary requests Out of scope Not mentioned in public tool documentation Supported
History/bookmark management Out of scope Not mentioned in public tool documentation Supported
Semantic cross-tab search Out of scope Not mentioned in public tool documentation Supported

Sources: Browser MCP server setup, Browser MCP extension setup, Browser MCP changelog, mcp-chrome README, mcp-chrome tool reference.

Structure

apps/
├── extension/  # Manifest V3 Chrome extension
└── server/     # Python FastMCP + Streamable HTTP + WebSocket bridge

The MCP client connects to http://127.0.0.1:8765/mcp. The Chrome extension makes an outbound connection to ws://127.0.0.1:8765/extension and returns results from Chrome API operations.

Quick start

uv sync --all-groups
npm --prefix apps/extension ci
npm --prefix apps/extension run build
uv run chrome-bridge-mcp
  1. Open chrome://extensions and enable Developer mode.
  2. Choose Load unpacked and select apps/extension.
  3. If needed, set a Browser label in Options to identify the profile.
  4. Connect the MCP client to http://127.0.0.1:8765/mcp.

A typical Streamable HTTP configuration looks like this. Adjust field names for your MCP client.

{
  "mcpServers": {
    "chrome-bridge": {
      "transport": "streamable-http",
      "url": "http://127.0.0.1:8765/mcp"
    }
  }
}

Connectivity check:

curl http://127.0.0.1:8765/health
uv run pytest

Local CI-equivalent validation:

uv sync --all-groups --locked
uv run ruff check apps/server scripts
uv run ruff format --check apps/server scripts
uv run pytest
uv run python scripts/validate_static.py
npm --prefix apps/extension ci
npm --prefix apps/extension run lint
npm --prefix apps/extension test

To run isolated E2E without using your everyday Chrome profile or default port 8765, install bundled Chromium once and invoke the test explicitly.

npm --prefix apps/extension exec playwright install --no-shell chromium
npm --prefix apps/extension run test:e2e

GitHub Actions runs the same gates with Python 3.11/3.12, Node 20, and bundled Chromium.

Build reproducible extension ZIP and Python wheel/sdist artifacts with SHA-256 checksums, then run a clean-install smoke test:

uv run python scripts/build_release.py
uv run python scripts/validate_release.py
uv run python scripts/check_release_reproducible.py

The verified extension ZIP is also the Chrome Web Store submission artifact; do not create a separate Store build. See the Chrome Web Store submission guide for the Unlisted-first rollout, listing assets, privacy declarations, permission justifications, reviewer instructions, and update automation. The public privacy policy describes extension data handling.

See docs/development.md for detailed procedures, docs/api.md for the tool API, docs/architecture.md for design, docs/release.md for distribution, and SPEC.md for the normative specification. docs/operations.md is canonical for routine operation, configuration, logging, and incident response.

License

chrome-bridge is licensed under the MIT License. Playwright-derived extension code remains under Apache-2.0; see THIRD_PARTY_NOTICES.md for provenance and license details.

推荐服务器

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 模型以安全和受控的方式获取实时的网络信息。

官方
精选