yena shared this post · 2h ago
Gas留在链上

这个 chrome-devtools-mcp 项目,如果你还没关注,那损失可真不小。

它做了一件相当硬的事——把 Chrome DevTools 的完整调试能力,直接开放给了 AI 编程助手。

常遇到的烦恼:

1️⃣ 修改代码、刷新页面、查看报错。

2️⃣ 切换到 DevTools 面板,手动检查 DOM 树、过滤网络请求、分析控制台输出。

3️⃣ 回到编辑器修改代码,再重复上述步骤。

4️⃣ 在编辑器与浏览器之间反复横跳,不知不觉半天就过去了。

AI 编程助手自己就能直接操控 DevTools 进行深度检查。无论是复杂的 DOM 结构、纷繁的网络请求,还是性能追踪记录,它都能自行查看、研判并尝试修复。

整个流程中最消耗时间、最令人头疼的反复试错与猜测环节,被这个工具彻底砍掉了。

前端联调中的协作沟通、线上问题的回归排查、页面加载的性能诊断,这最折磨人的场景,现在都有了针对性的解决方案。

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

11