AI 操作瀏覽器的 Token 成本差 4.5 倍：三大工具實測比較
AI 操作瀏覽器的 Token 成本差 4.5 倍：三大工具實測比較
2026年4月6日2 分鐘閱讀👁 3
title: "AI 操作瀏覽器的 Token 成本差 4.5 倍：三大工具實測比較" date: 2026-03-23 author: bensonsuntwn source: https://www.threads.com/@bensonsuntwn/post/DWK9c0Difsj category: threads tags:
- AI 瀏覽器
- Token
- agent-browser
- Playwright
- MCP
- 開發工具 created: 2026-03-23 updated: 2026-03-23
AI 操作瀏覽器的 Token 成本差 4.5 倍：三大工具實測比較
原文摘要
作者用同一個任務（開 Hacker News，取首頁文章列表）測試三大 AI 瀏覽器操作工具的 Token 消耗，結果差距驚人。
實測數據
| 工具 | 回傳大小 | Token 數 | 開發者 |
|---|---|---|---|
| agent-browser | 13.5 KB | ~3,500 | Vercel |
| Chrome DevTools MCP | 32 KB | ~9,500 | |
| Playwright CLI | 58 KB | ~16,000 | Microsoft |
最省 vs 最肥差 4.5 倍。 一個複雜任務來回幾十次，累積差距非常大。
為什麼差這麼多？
Playwright 和 Chrome DevTools MCP 是設計給人用的——回傳的資訊很完整，包含 AI 根本不需要的東西：每個靜態文字節點、每個裝飾性元素，全部都在 tree 裡面。
agent-browser 從 AI 的需求出發：要點按鈕就只給按鈕，要填表單就只給輸入框，其他都不回傳。
三個工具各自的最佳場景
agent-browser（Vercel）
- ✅ 日常自動化：開網頁、抓資料、填表單
- ✅ 最省 Token
- 🔗 https://github.com/vercel-labs/agent-browser
Chrome DevTools MCP（Google）
- ✅ Debug：console 錯誤、network request 分析、跑 JavaScript
- ❌ 其他兩個做不到的 debug 場景
Playwright CLI（Microsoft）
- ✅ 複雜流程控制：登入狀態保持、多分頁、network mock、cookie 管理
- ✅ 繞過 bot 偵測（有 rebrowser 變體版本）
- ❌ Token 消耗最高
作者的實際做法
三個都裝著，看場景切換：
- 日常 → agent-browser
- Debug → DevTools MCP
- 登入態 / mock → Playwright
調整工具選擇後，Token 消耗量明顯下降。
核心觀點
1. Token 消耗是 AI 瀏覽器工具被忽略的隱性成本
大家在選工具時只看功能，很少比較 Token 成本。但 4.5 倍的差距，在高頻使用場景下直接影響帳單。
2. 「為 AI 設計」vs「為人設計再讓 AI 用」是根本區別
這和之前整理的 PinchTab（accessibility tree 最佳化）是同一個方向：AI 不需要看到人類看到的完整頁面，只需要「可操作元素」的精簡表示。
3. 工具不是選最強的，是選最適合的
三個工具各有不可替代的場景，沒有「一個打全部」的方案。