Chrome DevTools for agents 1.0 釋出：給 AI 程式設計助手裝上真實瀏覽器

AI 程式設計助手寫程式碼的本事越來越強，十幾秒就能搓出一整套精美的網頁前端。但你八成遇到過這種尷尬：它拍著胸脯說寫完了，你一重新整理網頁，排版碎了一地，移動端漢堡選單點不開，或者後臺瘋狂報錯。

問題就在於，以前的 AI 程式設計是盲人摸象。它能生成程式碼，卻根本不知道程式碼在真正的瀏覽器裡跑起來是什麼德行。

Chrome 團隊正式釋出 Chrome DevTools for agents 1.0 穩定版。說白了，就是把開發者每天用的 Chrome 檢查器，直接交到了 AI 智慧體手裡。

三種接入方式，打包七項絕活

幾個月前 Chrome 團隊剛對外展示過這個想法，這次的 1.0 版本則是正式落地。為了讓各種智慧體都能連上，他們準備了三套方案。

第一種是 Model Context Protocol（MCP）伺服器，適合直接連線大語言模型。第二種是命令列 CLI，更省 token，方便智慧體把一系列操作打包成指令碼批次執行。第三種是 Agent skills，給智慧體內建一套專家指引，教它什麼時候、怎麼去用具體工具排查無障礙或效能問題。

接通瀏覽器之後，智慧體一下子拿到了七項實打實的除錯能力。

最實用的是自動化質量審計。智慧體可以直接在後臺跑 Lighthouse，排查無障礙、SEO、程式碼最佳實踐以及專門的 agentic browsing 體驗。這相當於在上線前加了一道自動安檢門，把阻塞性 bug 擋在生產環境之外。

它還能模擬真實使用者環境。以前測響應式佈局，你得自己拖拽視窗大小，現在智慧體能直接調整視口尺寸、模擬地理位置，甚至限制網路和 CPU 速度，在弱網環境下測漢堡選單正不正常。

開發 Chrome 外掛也能全程託管。智慧體可以直接安裝、重新載入外掛，觸發外掛動作，甚至鑽進後臺腳本里修 bug，省去了開發者反覆手動重新整理的麻煩。

配合正在進行的 WebMCP 試用，智慧體不再需要對著 DOM 樹盲猜意圖，而是直接呼叫網頁暴露出來的結構化工具。再加上記憶體堆快照功能，智慧體能揪出 detached DOM 節點這類頑固的記憶體洩漏問題。

更聰明的是會話接管功能。以往智慧體只能開一個乾乾淨淨的沙箱瀏覽器，遇到要登入的後臺儀表盤就抓瞎。現在你可以把當前登入態直接同步給它，讓它接手調查，不用重輸賬號密碼。

生態對接也已經鋪開了。Antigravity 2.0 已經預裝了這個能力，直接輸入 /browser 指令就能用。Gemini CLI 和 Claude Code 也都給出了官方安裝外掛命令，npm 上也同步放出了安裝包。

為什麼重要

我們認為，Chrome DevTools for agents 1.0 補齊了前端 AI 程式設計裡最關鍵的一塊拼圖：執行時閉環。

對開發者來說，AI 終於從只會出題、交卷的做題家，變成了能自己去考場驗算的實習生。過去你花五分鐘生成程式碼，得花半小時手動測佈局、查控制台、抓記憶體洩露。現在把這一整套丟給智慧體，你只需要當個驗收人。

對整個行業而言，Google 這步棋走得非常聰明。瀏覽器是 Web 的絕對入口，Google 沒有自造一套封閉的測試語法，而是把標準的 DevTools 能力打包成 MCP 協議開放出來。無論是自家的 Gemini 還是競品 Claude Code，都能平滑接入。

不過隱患也同樣存在。讓智慧體直接操作真實會話，尤其是接管已登入的生產後臺或企業內網，對許可權管控和安全邊界提出了極高要求。如果智慧體誤判並觸發了某些寫操作，帶來的後果會比普通寫錯程式碼嚴重得多。

但不管怎麼說，AI 程式設計工具正加速脫離「純文本生成器」的初級階段。一個能看、能點、能除錯真實環境的智慧體，才是開發者真正需要的幫手。