$ loading_
通过浏览器 DevTools 读取页面状态、报错、网络和 DOM 信息
复制安装指令,让 AI 自动完成配置 · 推荐新手
"browser-devtools-mcp" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请读取当前浏览器标签页的 DevTools 信息,重点检查 console 报错、相关 network 请求和页面 DOM,帮我定位前端页面无法正常渲染的原因。
输出关键报错、可疑请求、相关 DOM 线索和初步定位结论。
请查看当前页面的 Network 请求,汇总失败请求、状态码、请求耗时,并指出哪些接口可能导致页面卡顿或数据缺失。
输出失败接口列表、性能瓶颈和可能的修复方向。
请读取当前页面的 DOM、CSS 和截图信息,帮我判断某个元素为什么错位、被遮挡或样式未生效,并给出修复建议。
输出样式冲突、布局问题和可执行的修改建议。
让 AI 通过 Chrome DevTools 控制浏览器并进行调试、自动化与性能分析
通过 MCP 控制并检查实时 Chrome 浏览器,用于自动化调试与性能分析。
让 AI 连接 Chrome DevTools 协议,检查并调试实时网页内容
连接 Chrome DevTools,帮助 AI 代理调试网页、排查问题并分析页面行为
通过浏览器自动化、控制台日志抓取与截图,辅助网页调试和流程操作。
通过 MCP 让多个 AI 代理并发控制并检查实时 Chrome 浏览器。