工程開發
chrome-devtools-mcp avatar

chrome-devtools-mcp

Chrome DevTools MCP 伺服器,透過 Puppeteer 實現 AI 驅動的瀏覽器自動化、測試與除錯。支援輸入自動化、視覺截圖、效能追蹤與網路偵測。

簡介

Chrome DevTools MCP 伺服器為 AI 代理提供強大的瀏覽器控制能力,透過 Puppeteer 介接 Chrome DevTools Protocol (CDP)。此技能專為軟體工程師、QA 測試人員與自動化專家設計,用於執行複雜的網頁互動、驗證 UI 元件或分析效能指標。它允許 AI 直接在 OpenClaw 環境中執行自動化測試、網頁擷取、處理身分驗證流程,並即時監控網路請求。

  • 完整的輸入自動化,包含點擊、拖拽、表單填寫、鍵盤輸入與檔案上傳。

  • 進階導航管理,支援多分頁控制、等待網路閒置狀態及頁面選擇。

  • 視覺驗證工具,提供高保真截圖與 DOM 無障礙快照,便於排版除錯。

  • 效能審計功能,可記錄並分析 Chrome 效能追蹤檔,並自動產生優化建議。

  • 完整的網路檢視功能,可監控流量、提取請求明細,並針對瀏覽器內的 API 互動進行除錯。

  • 行動裝置模擬,支援響應式設計驗證與視窗大小調整。

  • 控制台除錯權限,可讀取日誌、堆疊追蹤,並在網頁上下文中執行任意 JavaScript。

  • 系統需求:Node.js v20.19+ 及 Chrome/Chromium 瀏覽器。

  • 適合在伺服器環境以無頭模式 (headless) 執行,或透過遠端偵錯埠 (remote-debugging-port) 串接。

  • 支援透過 --no-usage-statistics 與 --no-performance-crux 參數關閉遙測數據收集。

  • 使用時請注意瀏覽器內容的安全與隱私,避免在未受控環境中處理敏感認證資訊。

  • 適用於網頁測試、自動化執行、效能分析、表單自動填寫與視覺回歸測試場景。

倉庫統計

Star 數
4,454
Fork 數
1,214
Open Issue 數
7
主要語言
Python
預設分支
main
同步狀態
閒置
最近同步時間
2026年4月30日 上午09:23
在 GitHub 查看