VS Code 設定Chrome Devtools MCP 讓AI自動執行/測試網頁

九月底Chrome for Developers 發佈AI 代理程式適用的 Chrome 開發人員工具(MCP)

加上

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

如果使用VSCODE的話
開啟vs code ,按下 【Ctrl+Shift+P】 快捷鍵,選擇MCP:開啟使用者設定,然後

在mcp.json設定如下

 {
 
  "servers": {
 
     "chrome-devtools": {
 
          "command": "npx",
 
          "args": ["chrome-devtools-mcp@latest"]
 
      }
  }
 
 }

就可以讓AI呼叫網頁了。

可以用markdown語法將測試案例寫至md檔,透過ai執行。


https://github.com/ChromeDevTools/chrome-devtools-mcp