/ 目錄 / 演練場 / mcp
● 社群 BrowserMCP ⚡ 即開即用

mcp

作者 BrowserMCP · BrowserMCP/mcp

Browser MCP 透過 Chrome 擴充功能控制你「真實的」瀏覽器 — 使用你已登入的工作階段、Cookie 和真實指紋,不會觸發機器人偵測。

Browser MCP(BrowserMCP/mcp)是一個 MCP 伺服器加上 Chrome 擴充功能,讓 Claude 能操控你正在使用的瀏覽器。因為它直接借用你的真實設定檔,可以繞過驗證屏障、避免機器人指紋辨識,並將所有操作保留在本機。與 Playwright 相比,取捨不同:自動化的封閉性較低,但對真實使用者行為的還原度更高。

為什麼要用

核心特性

即時演示

實際使用效果

mcp.replay ▶ 就緒
0/0

安裝

選擇你的客戶端

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

開啟 Claude Desktop → Settings → Developer → Edit Config。儲存後重啟應用。

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

Cursor 使用與 Claude Desktop 相同的 mcpServers 格式。專案級設定優先於全域。

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

點擊 Cline 側欄中的 MCP Servers 圖示,然後選 "Edit Configuration"。

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "mcp": {
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ],
      "_inferred": true
    }
  }
}

格式與 Claude Desktop 相同。重啟 Windsurf 生效。

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "mcp",
      "command": "npx",
      "args": [
        "-y",
        "mcp"
      ]
    }
  ]
}

Continue 使用伺服器物件陣列,而非映射。

~/.config/zed/settings.json
{
  "context_servers": {
    "mcp": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "mcp"
        ]
      }
    }
  }
}

加入 context_servers。Zed 儲存後熱重載。

claude mcp add mcp -- npx -y mcp

一行命令搞定。用 claude mcp list 驗證,claude mcp remove 移除。

使用場景

實戰用法: mcp

在你真實登入的網頁服務後台自動化操作(Gmail、管理後台)

👤 效率型進階使用者、維運人員 ⏱ ~15 min intermediate

何時使用: 某個服務沒有 API,且你已透過 SSO 登入 — 你想讓 Claude 在該分頁中處理重複性工作。

前置條件
  • 已安裝 Chrome 及 Browser MCP 擴充功能 — 前往 docs.browsermcp.io → 安裝擴充功能
步驟
  1. 授予擴充功能存取目標分頁的權限
    開啟管理後台分頁,點擊 Browser MCP 擴充功能圖示,允許存取此分頁。✓ 已複製
    → 擴充功能顯示「已連線」
  2. 委派一項任務
    在管理後台中:找到 Email 為 X 的使用者,將其方案改為「Pro」,並對確認畫面截圖。✓ 已複製
    → 任務完成並附有視覺憑證

結果: 透過對話完成重複性管理操作,無需任何 API 整合工作。

注意事項
  • 執行了非預期的操作 — 這是你真實的帳號 — 下指令時務必精確;MCP 無法復原操作。請先在測試帳號上驗證

從封鎖無頭爬蟲的網站擷取資料

👤 研究人員、資料分析師 ⏱ ~15 min intermediate

何時使用: 你有權限以程式方式讀取某個網站,但該網站封鎖了 Playwright/Selenium 的指紋。

步驟
  1. 如有需要,先手動瀏覽至目標頁面
    Browser MCP 使用你已開啟的分頁;請先瀏覽至目標頁面,再請我讀取✓ 已複製
    → 正確的分頁已在前台
  2. 擷取結構化資料
    讀取這個頁面上的結果表格,以 JSON 格式回傳,欄位為 [name, date, value]✓ 已複製
    → 結構化資料

結果: 透過你正常的瀏覽器工作階段,取得無頭工具無法獲得的資料。

注意事項
  • 用此工具大量爬取違反網站服務條款的內容 — 請維持人工操作合理的請求頻率;遵守 robots.txt 規範
搭配使用: filesystem

在你真實的瀏覽器中重現使用者回報的 Bug

👤 技術支援工程師 ⏱ ~10 min beginner

何時使用: 使用者回報了一個 Bug;你想在自己已登入的工作階段中,重現他們的確切操作路徑來觀察問題。

步驟
  1. 重播回報的操作步驟
    在應用程式分頁中重現這位使用者的操作流程:登入 → 設定 → 切換 X → 儲存。回報發生了什麼,以及任何主控台錯誤。✓ 已複製
    → 重現結果及錯誤資訊

結果: 比來回傳送影片更快速地完成技術支援分流。

搭配使用: sentry

組合

與其他 MCP 搭配,撬動十倍槓桿

將擷取的資料儲存到本機磁碟

擷取此頁面上的表格,並儲存為 ./exports/{hostname}-{date}.csv。✓ 已複製
mcp + sentry

重現與 Sentry 事件關聯的使用者 Bug

Sentry 事件 XYZ 顯示操作紀錄為 [open, click, save]。在我目前的分頁中重播這些步驟,並比對結果。✓ 已複製

工具

此 MCP 暴露的能力

工具輸入參數何時呼叫成本
browser_navigate url: str 切換目前分頁的網址 0
browser_snapshot 讀取頁面的結構化內容 0
browser_click ref or selector 點擊頁面元素 0
browser_type ref, text 填寫輸入欄位 0
browser_screenshot fullPage? 擷取目前頁面狀態 0

成本與限制

運行它的成本

API 配額
無 — 完全本機
每次呼叫 Token 數
快照約 500-3000
費用
免費
提示
執行操作時優先使用快照參照(ref)而非截圖 — 更省資源且更可靠

安全

權限、密鑰、影響範圍

憑證儲存: 使用你真實瀏覽器的 Cookie — 這些憑證與你的工作階段同等敏感,請謹慎對待
資料出站: 分頁會連線至你所瀏覽的目標網站;不會傳送任何遙測資料

故障排查

常見錯誤與修復

Extension shows 'not connected'

在目標分頁中點擊擴充功能圖示並允許存取;連線是以分頁為單位建立的

驗證: Badge shows green
Actions do nothing on an SPA

請先執行快照 — SPA 通常需要等待一段時間,元素才會進入可互動狀態

Site detected automation anyway

這種情況較少見 — 請停用其他可能修改 navigator 屬性的擴充功能,並重新啟動瀏覽器

替代方案

mcp 對比其他方案

替代方案何時用它替代權衡
Playwright MCP你需要封閉性強、可腳本化、適合 CI 環境的瀏覽器自動化方案無法存取真實工作階段;更容易被機器人偵測機制識別
Puppeteer MCP僅需 Chromium 的無頭控制與 Playwright 相同的取捨,功能覆蓋面較小

更多

資源

📖 閱讀 GitHub 上的官方 README

🐙 查看未解決的 issue

🔍 瀏覽全部 400+ MCP 伺服器和 Skills