$ loading_
通过浏览器控制与组件诊断,协助排查和调试 React 应用问题
复制安装指令,让 AI 自动完成配置 · 推荐新手
"playwright-react-debug-mcp" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请打开我的 React 应用,定位为什么商品卡片组件没有显示价格。检查 DOM、React DevTools、控制台报错和相关网络请求,并给出原因与修复建议。
返回导致价格未显示的具体原因,例如状态为空、接口字段不匹配或条件渲染错误,并附上修复建议。
请测试结算按钮为什么点击后没有反应。模拟点击流程,检查事件绑定、遮罩层覆盖、控制台错误和请求发送情况,并总结问题。
输出交互失败的根因分析,指出是前端事件、样式遮挡、状态逻辑还是接口问题,并说明如何修复。
请检查这个 React 页面加载缓慢且偶发报错的原因。监控网络请求、查看组件树、捕获浏览器错误,并给出优化和调试建议。
提供报错来源、慢加载瓶颈及可执行优化建议,例如减少重复渲染、修正异常请求或优化资源加载。
帮助开发者调试并控制 React Native 模拟器应用交互与界面状态。