Tabbit部落格

Claude in Chrome 和 Playwright MCP 怎麼選?

依登入狀態、網站權限、部署位置與驗證結果,比較 Claude in Chrome 和 Playwright MCP 的適用情境。

本文目錄
  1. 要點
  2. 對比工作階段與輸出
  3. 連線實際要用的工作階段
  4. 瀏覽器在哪台電腦執行
  5. 同一個網頁和同一個目標
  6. 在目前分頁處理任務
  7. 按工作選擇方案

已經在授權的 Chrome 設定檔里工作,希望 Claude 查看或操作網頁時,可以用 Claude in Chrome。需要指定瀏覽器工作階段、記錄結構化動作並重複執行時,可以用 Playwright MCP。Playwright MCP 也能通過自己的擴充功能連線現有 Chrome 或 Edge,是否有登入態只是一個判斷條件。

一位 Claude Code 使用者想了解兩種工具如何填表、擷取資訊與回報錯誤。應比較每項工作的實際結果。

一次已登入頁面的人工走查,和每次修改後跑同一項表單回歸,是不同任務。本文用一個瀏覽器 Agent練習頁說明,兩種接入方式都應交付甚麼證據。 只須處理目前分頁時,也可以考慮 Tabbit Browser。

要點

  • 兩種工具都能操作網頁,區別在於如何連線和能觀察甚麼。

  • Playwright MCP 的乾淨工作階段需要明確設定檔。

  • 復用瀏覽器設定檔,也會復用其中已有的訪問權限。

  • 點選只是操作過程。最後應記錄可見的頁面狀態。

  • 需要反復執行時,先固定條件和斷言,再選工具。

對比工作階段與輸出

判斷項Claude in ChromePlaywright MCP
接入授權瀏覽器設定檔中的 Claude 擴充功能MCP 用戶端與服務,啓動或連線瀏覽器
工作階段使用瀏覽器設定檔里的登入狀態持久設定檔、隔離工作階段或獲准連線現有瀏覽器
常見觀察可見頁面與已連線的瀏覽器能力結構化無障礙快照與可選的視覺工具
適用能監督的交互走查或已登入網頁可控復現、除錯和可寫成回歸測試的步驟
常見設定檔問題帳號、瀏覽器設定檔或權限不符瀏覽器模式、工作階段或用戶端設置不符

Claude Code 的 Chrome 官方文檔 (Claude in Chrome)描述了可見瀏覽器和登入態復用。Playwright MCP 官方倉庫介紹持久、隔離和擴充功能模式。網頁自動化指南解釋瀏覽器操作與可重複測試的區別。

連線實際要用的工作階段

通過 Claude Code 使用 Claude in Chrome 時,先確認支持的瀏覽器安裝了官方擴充功能,並且擴充功能與 Claude Code 登入的是同一個目標帳戶或組織。按對應用戶端的官方說明連線。CLI 可以用 claude --chrome 啓動。能用乾淨測試設定檔就先用它。網站彈出權限請求時,核對域名和範圍。

Claude Code 官方文件列出的前提包括 Claude in Chrome 擴充功能 1.0.36 或更新版本,以及符合資格的 Anthropic 直接訂閱方案。請依用戶端和組織核對官方要求。

Playwright MCP 的默認模式會保留設定檔。需要乾淨運行時明確設置 --isolated,不看可見窗口時可以加 --headless。要用獲准的現有 Chrome 或 Edge 設定檔,參考 Playwright 擴充功能文檔。連線至現有瀏覽器和啓動全新工作階段有不同的帳戶權限。

Claude in Chrome 繼承擴充功能的網站權限。Playwright MCP 可為瀏覽器工作階段授予地理位置等權限。網站能否使用瀏覽器功能,與登入帳號能查看或修改哪些應用程式資料,是兩回事。 Claude Code · Playwright MCP.

瀏覽器在哪台電腦執行

Claude Code 連線到桌面瀏覽器的擴充功能。從遠端主機或工作程序存取應用程式時,先確認哪台主機能連到目標網站。Playwright MCP 可在能存取網站的環境啟動瀏覽器,並提供 HTTP 端點給 MCP 用戶端。工作程序的 localhost 指向自己的主機。請將端點限制在可信任的網路內,並使用專用測試設定檔。 Playwright MCP 設定指南 · Playwright MCP.

同一個網頁和同一個目標

打開無需帳號的訂單查詢練習。初始狀態是“Delivery code hidden”。讓工具訪問同一個 URL,點選唯一的“Show delivery code”按鈕,然後原樣返回可見狀態。練習只改變當前頁面文字,不提交表單或訪問外部服務。

只打開提供的練習網址。找到可見的 Show delivery code 按鈕並點選一次。
原樣回報頁面可見的結果。遇到登入或新權限請求就停止。
不要提交信息、切換分頁或訪問其他網站。
合成訂單查詢頁點選按鈕後顯示配送代碼 DEMO-42
模擬頁面的預期結果。按一下按鈕後,頁面顯示配送代碼。

排查實際表單問題時,可以分兩步。先用模擬資料走到確認頁,請 Agent 停下並記錄欄位標籤和驗證訊息原文。區分欄位旁的提示、遭拒絕的請求和頁面未進入下一步。回歸測試則在程式碼中設定相同的初始狀態,並對確切結果寫斷言。需要提交表單時,只使用測試帳號和獲准的目標網址。

在目前分頁處理任務

例如,在 Tabbit Browser 開啟測試試算表,指定分頁並請 Agent Mode 查看欄標題,在編輯前停下。圖片展示試算表和任務側欄。若建置須依明確條件判定通過或失敗,請將檢查寫入 Playwright Test。 Tabbit Browser · Playwright Test.

開啟的 Google Sheets 試算表與 Tabbit 的 Agent Mode 側欄
試算表旁顯示任務與執行步驟。

按工作選擇方案

場景優先方式原因
對獲准的已登入網頁做一次走查已批准的 Claude 擴充功能或正確設定檔的 Playwright 擴充功能兩邊都可以使用已有工作階段
從乾淨狀態復現故障隔離 Playwright MCP重置環境並保存結構化結果
每次修改後都做同樣檢查編寫有明確斷言的確定性測試探索式 Agent 運行不能替代持續回歸
演示無帳號場景測試設定檔中的任一工具固定網址、一個動作、可見結果

把認證和可重複性分開考慮。要復查已登入流程時,使用夠用的最小權限測試帳戶或設定檔,別導出 Cookie、私有請求或帶帳號信息的螢幕截圖。參見智能體瀏覽器安全指南和虛擬瀏覽器指南。

一位比較兩種工具的開發人員表示,啟用其他擴充功能時曾遇到連線問題,並偏好 Playwright 的除錯證據。同帖另一人未遇到相同衝突。應先檢查自己的測試設定檔。

查看已登入的網頁時,優先使用已獲授權的桌面連線。需要控制除錯環境時,選擇隔離的 Playwright MCP。CI 需要明確判定通過或失敗時,使用 Playwright Test。若目標分頁已在 Tabbit Browser 開啟,也可以在瀏覽器裡監督任務。

下一次先寫下預期結果,再選工具。按瀏覽器 Agent 首次任務清單核對 URL、可見按鈕和實際狀態。

常見問題

已登入的網站更適合 Claude in Chrome 嗎?

它能使用擴充功能所在 Chrome 設定檔的登入狀態。Playwright MCP 也可以通過自己的擴充功能連線現有 Chrome 或 Edge 分頁。應根據可授權的設定檔和驗收方式來選。

Playwright MCP 一定是無介面、隔離運行嗎?

不是。Playwright MCP 能用持久設定檔、隔離工作階段或已連線瀏覽器。無介面與隔離可以根據測試要求單獨指定。

Claude in Chrome 可以做自動測試嗎?

它能操作 Web 應用並輔助檢查。要持續運行回歸任務,應定義斷言並使用可重複執行的測試腳本或運行器。

Playwright MCP 一定要配 Claude 嗎?

不需要。它是 MCP 服務,可以接支持 MCP 的用戶端。Claude Code 是其中一種選擇。

不登入測試網站也能比較嗎?

可以。在兩邊打開同一個無需帳號的練習頁,點一次命名按鈕並返回原文。Claude 擴充功能自身仍有帳戶與權限要求。

比較時要保留哪些證據?

記錄開始的網址、瀏覽器工作階段、可見控制項、實際結果和失敗點。兩邊用相同目標,未完成的路徑單獨標記。

下一步

讓 Tabbit 與你並肩工作。

跨分頁調研、自動化重複的瀏覽器工作,讓每一處上下文都觸手可及。