$ loading_
通过自然语言控制浏览器并检查 React 问题,辅助定位前端错误与性能瓶颈
复制安装指令,让 AI 自动完成配置 · 推荐新手
"playwright-react-debug-mcp" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请打开本地 React 应用,复现首页白屏问题,检查控制台报错、失败的网络请求和相关组件树,并告诉我最可能的根因与修复建议。
返回复现步骤、关键报错信息、涉及的组件或请求,以及可执行的修复建议。
帮我检查这个页面为什么点击筛选按钮后列表没有更新,查看 React 组件状态、props 变化和事件触发链路,并指出问题出在哪里。
输出状态流转分析、异常触发点说明,以及需要修改的逻辑位置。
请分析这个 React 页面加载慢的原因,检查网络请求、重复渲染和页面交互响应,给出性能瓶颈排序与优化建议。
提供性能问题清单、影响优先级,以及针对渲染和请求层面的优化方案。
通过浏览器自动化与调试能力,帮助开发者高效测试和排查网页问题
连接 Chrome DevTools,让 AI 协助调试网页、分析性能并排查前端问题。
帮助实时监控浏览器运行时错误、控制台日志与页面诊断信息。
帮助开发者调试并控制 React Native 模拟器应用交互与界面状态。
通过真实浏览器自动执行导航、表单填写与页面操作,并保留当前登录会话。
让 AI 直接操控真实浏览器分页执行导航、填表与网页操作任务。