Claude Code 瀏覽器自動化方案，怎麼選？
整理版優先睇
Claude Code 瀏覽器自動化方案點揀？Devtools MCP 最全能，但要按場景揀
呢篇文章係由劉小排寫嘅，佢係一位創業者，同朋友食飯時討論咗一個問題：喺 Claude Code 入面，最好嘅瀏覽器自動化方案係咩？經過大半年發展，而家有三個主流方案：Agent Browser（Vercel）、Playwright MCP（微軟）同 Devtools MCP（Google）。作者指出，簡單任務三個都做得好，但如果要揀一個最全能嘅，就係 Devtools MCP。不過，每個方案有自己嘅強項，揀邊個要視乎場景。
Agent Browser 專為 AI Agent 設計，輕量快速，食 Token 少，適合日常瀏覽網頁、快速操作，例如睇下網站樣貌、截圖對比、填表單。Playwright MCP 專業穩定，支援多瀏覽器，適合測試驗證、複雜流程，例如功能測試、用戶旅程驗證。Devtools MCP 基於 Chrome DevTools Protocol，適合調試排錯、性能分析、抓網絡請求，例如睇 Console 報錯、API 返回咗咩。
作者特別強調，如果唔係用嚟寫程式，Agent Browser 係最好嘅選擇，因為佢快同省 Token。佢用 Craft Agents 搭配 Agent Browser 做咗個示範，例如登錄後保存 Cookie，然後自動睇網站內容。整體而言，呢篇文章畀咗清晰嘅選型指南，讀者可以根據自己嘅任務類型揀最適合嘅工具。
- 結論：Devtools MCP 喺大部分場景最全能，但唔係唯一選擇。
- 方法：按場景揀——日常瀏覽用 Agent Browser，測試用 Playwright MCP，調試用 Devtools MCP。
- 差異：Agent Browser 食 Token 少 93%，最快；Playwright MCP 最穩定完整；Devtools MCP 專注 Chrome 調試。
- 啟發：工具選擇唔係一味求全能，要睇任務性質——輕量操作就揀輕量工具。
- 可行動點：若主要用 Claude Code 寫程式，用 Devtools MCP；若主要做瀏覽操作，用 Agent Browser 加圖形化工具（如 Craft Agents）。
背景：點解要比較呢三個方案？
作者劉小排同朋友食飯時，討論到 Claude Code 嘅瀏覽器自動化方案。大半年之前，Playwright MCP 同第三方工具仲未穩定，但而家已經有三個頭部方案：Agent Browser、Devtools MCP、Playwright MCP，分別由 Vercel、Google、微軟開發。
Agent Browser 由 Vercel 開發，專為 AI Agent 設計
Devtools MCP 由 Google 開發，基於 Chrome DevTools Protocol
Playwright MCP 由微軟開發，支援多瀏覽器
簡單任務三個都做得好，但特性唔同，要按場景揀。
三個方案嘅核心分別
- Agent Browser：定位係輕量 CLI，支援 Bash 命令同 Skill，適合日常睇網頁、截圖、填表單。
- Playwright MCP：專業完整，用 Accessibility Tree，支援 Chrome/Firefox/WebKit，適合測試同複雜流程。
- Devtools MCP：Chrome 原生調試協議封裝，適合調試、性能分析、網絡請求。
作者推薦：如果唔係用嚟寫程式，Agent Browser 係最佳選擇，因為佢最快。
Devtools MCP 喺大部分場景最全能
Playwright MCP 最穩定，但慢
點樣按場景揀？
- 1 日常瀏覽、快速操作：揀 Agent Browser，例如「幫我打開競品官網睇睇」「截個圖睇下改完嘅效果」。
- 2 測試驗證、複雜流程：揀 Playwright MCP，例如「測試一下登錄流程」「跑一遍下單流程」。
- 3 調試排錯、性能分析：揀 Devtools MCP，例如「頁面白咗，幫我查下 Console」「API 返咗咩」。
作者強調：Agent Browser 因為省 Token，速度快，喺非編程場景體驗最好。
Agent Browser 可以保存 Cookie，後面唔使再登錄
用 Craft Agents 呢類圖形化工具配合 Agent Browser 效果更佳
實際示範：用 Agent Browser 刷網站
作者用 Craft Agents 同 Agent Browser 示範咗點樣自動瀏覽「生財有術」網站：先登錄保存 Cookie，然後叫 AI 自動睇最近 50 條風向標，再揀其中一條詳細睇。
呢個過程三個方案都做到，但 Agent Browser 明顯最快。
左上角會有 TEST 標記，表示係 Agent Browser 啟動嘅瀏覽器
哈嘍，大家好，我是劉小排。
昨天和幾位創業的朋友吃飯，席間討論了一個問題：“在Claude Code中，最好的瀏覽器自動化方案是什麼？”
在剛有MCP的時候，我寫過一些瀏覽器自動化文章，那時，最好用的Playwright MCP和一些第三方的瀏覽器自動化工具，還不算穩定。
（參考：所有的RPA可以去死了！Claude Code可以只靠口噴完成一切！）
大半年過去了，現在最流行、穩定、專門針對Agent的瀏覽器自動化方案已經有了三個明顯的頭部：Agent Browser 、Devtools MCP 、Playwright MCP，開發者分別是Vercel、Google、微軟。
像下圖這樣的簡單任務，這3個都做得很好。
那到底選哪個呢？哪個最好呢？
如果你想知道一個最簡單直接的答案：請你選擇Devtools MCP，它在大部分場景下是最全能的。
如果你有耐心想了解更多，可以往下看，因為它們的特性各有不同，需要根據不同的場景來選擇。
聲明：表格是我和AI一起做的，所以用語可能稍微有點AI味兒，但我對內容質量和準確性負責。
省流版
“看看”、“填表” : 用Agent Browser 性能、調試、網絡請求： 用Devtools MCP 測試、跑全流程：用Playwright MCP
基本情況對比
Agent Browser — 適合日常瀏覽網頁、快速操作
一句話：輕量快速，省 token
Playwright MCP — 適合測試驗證、複雜流程
一句話：專業、完整、穩定、慢
DevTools MCP — 適合調試排錯、性能分析、抓取網絡請求
一句話：調試代碼、性能分析、抓網絡請求
特別強調：如果不是用於編程，Agent Browser是最好的。
為什麼這麼說？
這是因為Agent Browser太節省Token了，節省Token意味着速度快。
在我不寫程序的時候，我也不一定使用Claude Code，而是使用Cowork、Craft Agents等圖形化工具。
下面是我在Craft Agents裏、使用Agent Browser來刷生財有術網站的過程。 這個過程，Agent Browser、Devtools MCP、Playwright MCP都能做到，但是Agent Browser明顯最快、體驗最佳。
剛開始，我們可以登錄以後，保存Cookie，後面就不再需要登錄了，甚至電腦上可以不出現瀏覽器界面。
用Agent Browser打開scys.com 讓我登錄，然後保存登錄信息
登錄成功，右上角是我的頭像。注意，此時Agent Browser啓動的瀏覽器，左上角有一個小的TEST標，如下圖所示
我們讓AI自動查看最近50條風向標
我已經登錄好了，你找到“風向標”欄目，總結最近50個風向標，有什麼亮點
整體總結
選擇其中一條，詳細查看。
我覺得你剛才說的 2 ，特別好，展開講講
期待你的反饋