Chrome DevTools MCP 大改版:讓 AI 直接接管你正在使用的瀏覽器
Google 官方的 Chrome DevTools MCP 新版可以接管你正在使用的 Chrome,沿用登入狀態與擴充功能。只要開啟遠端偵錯,再用一段提示詞請 AI 安裝即可開始使用。
Chrome DevTools MCP 是 Google 官方推出的 MCP(Model Context Protocol)服務,讓 AI 能開啟 Chrome 瀏覽器,用來測試你的程式或執行自動化任務。2026 年 3 月中旬的大改版,帶來了關鍵的使用體驗變化。
新舊版差異
| 舊版 | 新版 | |
|---|---|---|
| 瀏覽器 | 另開無痕視窗 | 直接接管你正在使用的瀏覽器 |
| 登入狀態 | 無法沿用 | 繼承所有登入狀態 |
| 擴充功能 | 無法使用 | 可以使用已安裝的擴充功能 |
| 網站相容性 | 常被網站視為開發模式而阻擋 | 與一般瀏覽無異 |
可以用來做什麼
- 每天自動在社群平台發文
- 搜尋並比較低價商品
- 整理電子郵件
- 開發瀏覽器擴充功能
- 自動測試網站的各項功能,並截圖產出報告
目前的缺點是執行速度偏慢,但可以交給它在背景執行,你則同時處理其他工作。
安裝方式一:用提示詞請 AI 安裝
- 在 Chrome 網址列輸入
chrome://inspect#remote-debugging。 - 勾選「Allow remote debugging for this browser instance」。
- 在任一款 AI 開發工具中輸入以下提示詞:
提示詞
請幫我安裝 chrome-devtools-mcp MCP,可參考網站 https://github.com/ChromeDevTools/chrome-devtools-mcp ,安裝包含 --autoConnect 參數的 MCP,我要執行瀏覽器自動化。
安裝方式二:透過 Skill 安裝
如果已取得團隊提供的 install-chrome-devtools-mcp Skill,也可以用 Skill 的方式安裝(適用於 GitHub Copilot CLI 與 GitHub Copilot):
- 將 Skill 資料夾放到
C:\Users\<使用者名稱>\.copilot\skills\。 - 開啟 AI 工具,直接說「幫我安裝 Chrome DevTools MCP」,AI 會自動調用這個 Skill。
- 也可以明確指定:「請使用 install-chrome-devtools-mcp skill 幫我安裝 MCP」。
另一個更簡單的做法是:把 Skill 解壓縮到任意目錄,再請 AI 工具協助安裝 Skill 即可。單純安裝 MCP 用 Skill 雖然有點殺雞用牛刀,但很適合用來練習 Skill 的安裝流程。