MCP Catalogs
首页real-browser-mcp screenshot

real-browser-mcp

by ofershap·20·综合分 43

MCP服务器 + Chrome扩展,让AI智能体能控制真实浏览器会话,保持现有登录和Cookie。

browser-automationdeveloper-toolsweb-scraping
3
Forks
2
活跃 Issue
本月
最近提交
2 天前
收录于

概述

Real Browser MCP是一个强大的MCP服务器,连接了AI编码助手与真实浏览器环境。它由两个主要组件组成:在本地运行的MCP服务器与AI客户端通信,以及在浏览器中执行命令的Chrome扩展。该解决方案允许AI智能体与现有浏览器会话交互,保留Cookie、登录状态和身份验证。这消除了重复登录流程的需要,并使AI智能体能直接在用户的浏览器中验证它们的工作。

试试问 AI

装完之后,这里有 6 个你可以让 AI 做的事:

:AI智能体在真实浏览器环境中测试和验证代码更改
:使用现有认证会话进行网页自动化
:AI驱动的网页应用QA测试,无需重新认证
:AI智能体进行跨浏览器测试
:它能使用我已登录的会话吗?
:它会发送数据到任何地方吗?

什么时候选它

当您的 AI 智能体需要与已认证的浏览器会话交互而不需要重新认证,或者需要在 AI 操作之间维护状态时,选择此工具。

什么时候不要选它

当您需要无头浏览器自动化场景(不需要可视化浏览器)或者寻找 Chrome 以外的跨浏览器解决方案时,不要选择此工具。

此 server 暴露的工具

从 README 抽取出 12 个工具
  • browser_snapshot

    Accessibility tree with element refs. Compact mode returns only interactive elements

  • browser_screenshot

    Capture what's on screen

  • browser_text

    Extract raw text from page or element

  • browser_find

    Query elements by CSS selector

  • browser_click

    Click by ref or CSS selector

  • browser_click_text

    Click by visible text. Works through React portals and overlays

  • browser_type

    Type into inputs and contenteditable fields

  • browser_press_key

    Key combos (Enter, Escape, Ctrl+A)

  • browser_scroll

    Scroll pages and virtual containers

  • browser_navigate

    Go to a URL in the active tab

  • browser_tabs

    List, create, close, or focus tabs

  • browser_console

    Console output (log, warn, error)

可对比工具

playwright-mcpbrowser-usechrome-devtools-mcp

安装

安装

1. 添加MCP服务器

**Cursor(一键安装):** [<img src="https://cursor.com/deeplink/mcp-install-dark.svg" alt="Install in Cursor" height="32" />](cursor://anysphere.cursor-deeplink/mcp/install?name=real-browser&config=eyJjb21tYW5kIjoibnB4IiwiYXJncyI6WyIteSIsInJlYWwtYnJvd3Nlci1tY3AiXX0=)

或在Cursor设置中手动添加:Settings > MCP > "Add new MCP server":

{
  "mcpServers": {
    "real-browser": {
      "command": "npx",
      "args": ["-y", "real-browser-mcp"]
    }
  }
}

**Claude Desktop、Windsurf或其他MCP客户端:** 编辑 ~/Library/Application Support/Claude/claude_desktop_config.json(macOS)或 %APPDATA%\Claude\claude_desktop_config.json(Windows)。添加相同的JSON块。

2. 安装Chrome扩展

[<img src="https://developer.chrome.com/static/docs/webstore/branding/image/iNEddTyWiMfLSwFD6qGq.png" alt="Available in the Chrome Web Store" height="58" />](https://chromewebstore.google.com/detail/real-browser-mcp/fkkimpklpgedomcheiojngaaaicmaidi)

或从源码加载:

git clone https://github.com/ofershap/real-browser-mcp.git
cd real-browser-mcp
open chrome://extensions
# 启用开发者模式(右上角切换)
# 点击"加载已解压的扩展程序"并选择 extension/ 文件夹

3. 设置智能体

运行一个命令:

npx real-browser-mcp --setup cursor

这将安装智能体规则和浏览器检查命令。

FAQ

它能使用我已登录的会话吗?
是的,这正是它的主要功能。扩展在您的真实Chrome浏览器中运行,具有相同的Cookie、会话和本地存储。无需重新认证。
它会发送数据到任何地方吗?
不会。MCP服务器和扩展通过本地WebSocket通信。数据不会离开您的机器。没有分析、遥测或云组件。

real-browser-mcp 对比

GitHub →

最后更新于 · 由 README + GitHub 公开数据自动生成。