gemini cli 使用 Chrome Dev Tools (MCP) 控制 chrome瀏覽器

本次測試了使用 gemini cli 的 mcp 功能 來控制 chrome 瀏覽器 閱讀 與 debug 輸入 等功能 效果驚人

安裝需求:
node.js 22 up
google chrome

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

Gemini CLI
Install the Chrome DevTools MCP server using the Gemini CLI.
Project wide:

gemini mcp add chrome-devtools npx chrome-devtools-mcp@latest

Globally:

gemini mcp add -s user chrome-devtools npx chrome-devtools-mcp@latest

快速摘要了一下 功能簡介:

 

本次我測試的是他的 console 的 debug 功能

有效的抓到錯誤內容 且分析 因為這次的 錯誤訊息 是 js 引起的 php 載入 404 html原始碼內 是找不到相關的檔案的 在他的分析下 有效地找出有問題的 js 把問題給解決了 整體效果 有超乎預期

這樣未來網站的 js error 大概就不用再怕太嚴重的鬼打牆

介紹中 有使用到一些自動填入 送出的功能 在留給有需要的朋友來測試

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *