Chrome DevTools MCP 更新：支持 coding agent 直接接管當前的瀏覽器窗口

剛刷到一個新消息，Chrome DevTools MCP更新了一個大家催了很久的功能：自動連接活躍的瀏覽器會話。

簡單來説，就是你的 Agent 現在可以“瞬移”到你正在用的瀏覽器窗口裏，和你並肩作戰了。這就很有意思了，咱們劃幾個重點看看它到底能省掉多少麻煩。

1. 告別尷尬的重複登錄 🔑 ​

以前讓 AI 連瀏覽器，它往往是新開一個乾乾淨淨的窗口。如果你要調的是一個需要登錄的頁面（比如後台管理系統），你還得在 AI 開的那個窗口裏重新掃碼、輸驗證碼，特別心累。

現在有了這個增強版功能，它能直接複用你當前的會話。你在瀏覽器裏登錄好了，AI 進來直接就能幹活，那些擋在登錄牆後面的 Bug 終於能讓它直接去修了。

2. “你點哪，它修哪”的無縫銜接 🤖 ​

這個是我覺得最爽的地方。以前你要讓 AI 查個報錯，得截圖、複製日誌、還得寫一大堆描述告訴它在哪。

現在的邏輯變了：

• 網絡面板：你在 DevTools 裏發現一個請求紅了，直接選中它，然後告訴 AI：“去查查這個請求為啥掛了”。
• 元素面板：你看到頁面上某個組件樣式歪了，選中那個 DOM 元素，AI 就能直接基於你選中的上下文開始分析。

這種從手動排查到 AI 接入的絲滑感，真的把“生產力”給拉滿了。

3. 這玩意兒怎麼用？🛠️ ​

目前這招還在 Chrome M144 (Beta版) 裏。想要嚐鮮的話，操作邏輯大概是這樣的：

• 開啓權限：去 chrome://inspect/#remote-debugging 把遠程調試開關打開。官方為了安全，每次 AI 連進來時都會彈窗問你同不同意，而且瀏覽器頂部會有個“受自動化測試軟件控制”的提示。
• 配置參數：在 MCP 服務器的啓動參數里加個 --autoConnect 就行。

我看了一下官方給出的 gemini-cli 配置示例，大概長這樣：

{
  "mcpServers": {
    "chrome-devtools": {
      "command": "npx",
      "args": [
        "chrome-devtools-mcp@latest",
        "--autoConnect",
        "--channel=beta"
      ]
    }
  }
}

説白了，Google 正在把 Chrome 變成 AI 的“眼睛”和“手”。目前還只是個開始，官方説後續會把更多面板的數據（比如 Application、Console 之類的）都餵給 AI。

大概就是這些，如果你平時經常跟 DevTools 打交道，這波更新絕對值得去瞅一眼。

原文鏈接：https://developer.chrome.com/blog/chrome-devtools-mcp-debug-your-browser-session