Chrome DevTools MCP 大改版:讓 AI 直接接管你正在使用的瀏覽器

Google 官方的 Chrome DevTools MCP 新版可以接管你正在使用的 Chrome,沿用登入狀態與擴充功能。只要開啟遠端偵錯,再用一段提示詞請 AI 安裝即可開始使用。

本文目錄
  1. 新舊版差異
  2. 可以用來做什麼
  3. 安裝方式一:用提示詞請 AI 安裝
  4. 安裝方式二:透過 Skill 安裝

Chrome DevTools MCP 是 Google 官方推出的 MCP(Model Context Protocol)服務,讓 AI 能開啟 Chrome 瀏覽器,用來測試你的程式或執行自動化任務。2026 年 3 月中旬的大改版,帶來了關鍵的使用體驗變化。

新舊版差異

舊版 新版
瀏覽器 另開無痕視窗 直接接管你正在使用的瀏覽器
登入狀態 無法沿用 繼承所有登入狀態
擴充功能 無法使用 可以使用已安裝的擴充功能
網站相容性 常被網站視為開發模式而阻擋 與一般瀏覽無異

可以用來做什麼

  • 每天自動在社群平台發文
  • 搜尋並比較低價商品
  • 整理電子郵件
  • 開發瀏覽器擴充功能
  • 自動測試網站的各項功能,並截圖產出報告

目前的缺點是執行速度偏慢,但可以交給它在背景執行,你則同時處理其他工作。

安裝方式一:用提示詞請 AI 安裝

  1. 在 Chrome 網址列輸入 chrome://inspect#remote-debugging。
  2. 勾選「Allow remote debugging for this browser instance」。
  3. 在任一款 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):

  1. 將 Skill 資料夾放到 C:\Users\<使用者名稱>\.copilot\skills\。
  2. 開啟 AI 工具,直接說「幫我安裝 Chrome DevTools MCP」,AI 會自動調用這個 Skill。
  3. 也可以明確指定:「請使用 install-chrome-devtools-mcp skill 幫我安裝 MCP」。

另一個更簡單的做法是:把 Skill 解壓縮到任意目錄,再請 AI 工具協助安裝 Skill 即可。單純安裝 MCP 用 Skill 雖然有點殺雞用牛刀,但很適合用來練習 Skill 的安裝流程。

延伸閱讀