Chrome DevTools MCP 讓 Claude Code 除錯真實瀏覽器
2026/11/02 — 11/02 04:15·1 個來源（全部）·1 篇報道（全部）
核心速覽 (Key Takeaways)
- chrome-devtools-mcp 是一個 MCP 伺服器，把 Chrome DevTools 暴露給 Claude Code、Cursor、Copilot 等編碼助手，使它們能控制並檢查執行中的 Chrome，復現前端 bug、讀取真實報錯並驗證修復。
- 文章給出客戶端配置寫法和驗證安裝成功的命令。
事件背景與詳細解讀
2026 年 11 月 2 日，DEV Community 的 AI 欄目介紹了 chrome-devtools-mcp。這是一個 MCP 伺服器，作用是把 Chrome DevTools 暴露給 Claude Code、Cursor、Copilot 等編碼助手，讓它們能夠控制並檢查真實執行的 Chrome 瀏覽器，從而復現前端 bug、讀到真實報錯，並驗證修復是否生效。
文章指出，此前 Claude Code 或 Cursor 修復前端 bug 時往往是在猜測：它們能讀到原始碼，卻看不到頁面、控制台報錯或網路請求，而 Chrome DevTools MCP 伺服器填補的正是這一缺口。文章給出了客戶端的配置寫法，並提供了一條用於驗證安裝是否成功的命令；其中一段較簡短的說明位於 Deduped use-case 頁面，專案的具體能力清單在正文中被截斷。
截至該篇報道，暫無該專案的官方釋出宣告，也沒有其他跟進報道。
AI 綜合 1 篇報道生成 · 更新於 4 小時前
相關 AI 工具
- 熱度指數
- 88
- 全部來源
- 1
- 全部報道
- 1
- 首報
- 5 小時前
這件事的報道 點標題看原文
chrome-devtools-mcp 是一個 MCP 伺服器，把 Chrome DevTools 暴露給 Claude Code、Cursor、Copilot 等編碼助手，讓它們控制並檢查真實執行的 Chrome，從而復現前端 bug、讀到真實報錯並驗證修復是否生效。文章給出了客戶端配置寫法和一條用於驗證安裝是否成功的命令。
讓編碼 Agent 不再靠猜來修前端 bug
DEV Community · AIAI 評分 55
同時在說的其他事
- 熱度指數 51Claude Code 通過 MCP 驅動 Blender 建場景1 個來源
- 熱度指數 51用 srt 把任意 MCP server 關進 Claude Code 沙箱1 個來源
- 熱度指數 148Claude Code 拒絕協助重製現有遊戲3 個來源
- 熱度指數 43Claude SEO 外掛讓 Claude Code 十幾分鍾完成站點審計1 個來源
- 熱度指數 25OpenRouter 公佈 Claude Code 真實會話成本1 個來源
熱度怎麼算的？瞭解口徑收起
熱度按 48 小時內有多少個獨立來源在說這件事算：同一個來源發多條只算一次，並按 24 小時半衰期衰減，所以排前面的是很多人在說的事。
本頁彙總公開訂閱源，標題與摘要由模型整理，版權歸原作者所有；重要資訊請回原文核對。如權利人認為相關標題或摘要侵權，請通過頁尾聯絡郵箱提供具體頁面與權利依據，我們核實後會及時刪除或替換。
- 爆
- 討論快速增加
- 新
- 首報 6 小時內
- 發酵中
- 討論仍在增加