chrome-devtools

Chrome DevTools MCP 伺服器讓 AI 代理程式能夠在程式碼產生與即時瀏覽器驗證之間建立橋樑。此工具專為開發人員、品質保證工程師及 AI 自動化工作流程而設計，透過模型內容協定 (MCP) 提供對 Chrome 瀏覽器執行個體的直接存取。透過利用 Puppeteer 和 Chrome DevTools 協定，該伺服器允許流暢的導覽、元素互動與即時頁面檢查。對於需要驗證網頁應用程式行為、複雜效能追蹤或編排基於瀏覽器的自動化指令碼的任務，此工具非常有效。

• 完整的瀏覽器生命週期管理，具有持久的 Chrome 設定檔與自動啟動序列。

• 使用從頁面快照產生的唯一 uid 進行精確的 UI 元素操作，確保與動態網頁元件的可靠互動。

• 先進的效能剖析功能，包含追蹤記錄與資料提取，以獲取可操作的見解。

• 網路請求檢查與控制台日誌監控，並提供原始碼對應的堆疊追蹤，以實現快速疑難排解。

• 整合的擴充功能測試工作流程，允許在瀏覽器環境中進行安裝、觸發彈出視窗與驗證服務工作執行緒。

• 跨上下文頁面管理，允許使用者流暢地列出、選擇與切換多個活動的瀏覽器分頁。

• 務必先使用 navigate_page 或 new_page 導覽至目標網址，然後使用 take_snapshot 建立互動模型。

• 對於效能負載較重的任務，建議使用檔案路徑來擷取大型輸出（如螢幕截圖或追蹤檔案），以維持系統穩定性。

• 如果元素發生動態變化或變得無法存取，請執行新的 take_snapshot 以重新整理 DOM 結構並更新 uid。

• 使用 evaluate_script 工具注入自訂 JavaScript，以提取未透過標準輔助功能樹公開的資料。

• 請注意，此工具不支援用於進階功能存取的 --slim 設定模式。

• 請確保執行環境符合 Node.js v20.19+ 與 Chrome 穩定版需求，以避免意外的執行階段行為。

• 預設啟用使用統計資料收集；若有隱私需求，請使用 --no-usage-statistics 旗標以選擇退出。