我們為 Chrome DevTools MCP 伺服器推出了一項許多用戶期待的增強功能:讓程式代理能夠直接連接到活躍的瀏覽器工作階段。

透過這項增強功能,程式代理可以自動連接並控制正在運行的 Chrome 瀏覽器,這是對現有 Chrome DevTools MCP 連接方式的補充。你仍然可以使用其他既有的連接方法。

我們在 Chrome M144(目前為 Beta 版本)中新增了一項功能,允許 Chrome DevTools MCP 伺服器請求遠端偵錯連線。這個新流程建立在 Chrome 現有的遠端偵錯功能之上。預設情況下,Chrome 的遠端偵錯連線是關閉的,開發者必須先透過 chrome://inspect#remote-debugging 明確啟用此功能。

當 Chrome DevTools MCP 伺服器使用 --autoConnect 選項配置時,MCP 伺服器會連接到活躍的 Chrome 實例並請求遠端偵錯工作階段。為防止惡意濫用,每次 MCP 伺服器請求遠端偵錯時,Chrome 都會顯示對話框,請使用者同意允許遠端偵錯工作階段。此外,在偵錯工作階段進行中,Chrome 會在頂部顯示「Chrome 正由自動化測試軟體控制」的橫幅。

要使用這項新的遠端偵錯功能,必須先在 Chrome 中啟用遠端偵錯,然後將 Chrome DevTools MCP 伺服器配置為使用新的自動連接功能。

在 Chrome 144 版以上,請依照以下步驟設定遠端偵錯:

接著,使用 --autoConnect 命令列參數來連接正在執行的 Chrome 實例。

以下程式碼片段為 gemini-cli 的範例配置:

現在開啟 gemini-cli 並執行指令,Chrome DevTools MCP 伺服器會嘗試連接到你正在執行的 Chrome 實例,並顯示請求使用者權限的對話框。

點擊「允許」後,Chrome DevTools MCP 伺服器將開啟 developers.chrome.com 並開始執行效能追蹤。

完整操作說明請參考 GitHub 上的 README。

能夠連接到活躍的 Chrome 實例,代表你不必在自動化與手動控制間做選擇。你可以自己使用 DevTools,或將偵錯任務交給程式代理。如果你在網站發現問題,可以開啟 DevTools 查看並找出造成問題的元素。若想讓程式代理修正問題,現在透過 Chrome DevTools MCP 伺服器即可做到。你可以在 Elements 面板選擇元素,並請程式代理調查問題。

同樣地,這功能也適用於 Network 面板。你可以選擇網路請求,並請程式代理進行調查。

這只是第一步,我們計畫逐步透過 Chrome DevTools MCP 伺服器向程式代理開放更多面板資料,敬請期待!