chrome-devtools

chrome-devtools 技能為 AI 代理程式提供直接且程式化的方式，透過模型上下文協議 (MCP) 控制即時運作的 Google Chrome 實例。透過利用 Chrome DevTools 協議與 Puppeteer，此技能實現了複雜的瀏覽器自動化、深度技術除錯與網站效能評估。專為需要 AI 助理與複雜網頁應用程式互動、排解網路請求問題或執行重複性瀏覽器任務的軟體工程師、QA 自動化專家與研究人員所設計。代理程式會管理一個持久的瀏覽器設定檔，允許在多次互動中維持狀態，並支援擴充功能。

• 使用來自頁面快照的元素 UID 進行自動化瀏覽器導航、互動與內容提取。

• 進階網路請求監控、附帶原始碼對應堆疊追蹤的控制台日誌分析，以及透過截圖擷取視覺狀態。

• 使用內建的 Chrome DevTools 基礎設施進行效能追蹤與網站審計。

• 擴充功能管理，包含安裝、觸發式動作執行與背景服務工作人員 (Service Worker) 檢查。

• 支援多頁面上下文處理，具備彈性的頁面選擇與導航工作流。

• 前置需求：需於本機安裝 Node.js 以及最新版的 Google Chrome 或 Chrome for Testing。

• 安全性：代理程式具備檢查與修改瀏覽器資料的能力，請確保瀏覽器實例未用於敏感的個人帳號或憑證登入。

• 工作流優化：為加速互動，除非使用者明確要求視覺確認，否則請優先使用基於文字的 take_snapshot 而非截圖。

• 生命週期管理：瀏覽器會在第一次工具呼叫時啟動；可透過 --categoryExtensions 或 --slim (針對基本任務) 等 CLI 參數進行效能自訂。

• 除錯指南：若 MCP 伺服器發生錯誤，標準的 Chrome DevTools UI 與說明文件是手動介入的首要備援方案。請注意，此工具支援平行執行，但必須嚴格遵循順序相依模式：導航、等待、快照、互動。