# 这个 chrome-devtools-mcp 项目，如果你还没关注，那损失可真不小。 它做了一件相当硬的事——把 Chrome DevTools 的完整调...
Canonical: https://social-archive.org/yena/Uhtq09CwUi
Original URL: https://x.com/cevenif/status/2072637407762202648
Author: Gas留在链上
Platform: x
## Content
这个 chrome-devtools-mcp 项目，如果你还没关注，那损失可真不小。 它做了一件相当硬的事——把 Chrome DevTools 的完整调试能力，直接开放给了 AI 编程助手。 常遇到的烦恼： 1️⃣ 修改代码、刷新页面、查看报错。 2️⃣ 切换到 DevTools 面板，手动检查 DOM 树、过滤网络请求、分析控制台输出。 3️⃣ 回到编辑器修改代码，再重复上述步骤。 4️⃣ 在编辑器与浏览器之间反复横跳，不知不觉半天就过去了。 AI 编程助手自己就能直接操控 DevTools 进行深度检查。无论是复杂的 DOM 结构、纷繁的网络请求，还是性能追踪记录，它都能自行查看、研判并尝试修复。 整个流程中最消耗时间、最令人头疼的反复试错与猜测环节，被这个工具彻底砍掉了。 前端联调中的协作沟通、线上问题的回归排查、页面加载的性能诊断，这最折磨人的场景，现在都有了针对性的解决方案。 🔗 : https://github.com/ChromeDevTools/chrome-devtools-mcp