SkillFeeder › 全部 Skill › Bug与质量 › browser-testing-with-devtools
在真实浏览器中运行测试并实时捕获 DOM、控制台、网络与性能数据
browser-testing-with-devtools
browser-testing-with-devtools 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 addyosmani/agent-skills，★ 114,402。在真实浏览器中运行测试并实时捕获 DOM、控制台、网络与性能数据。适合前端开发者、UI 测试工程师。场景是Bug与质量 · 调试排错。能做的事包括实时读取浏览器控制台错误与警告、深度分析网络请求与 API 响应、精准测量渲染性能与布局偏移。打开 GitHub 自行安装。
能做什么
- 实时读取浏览器控制台错误与警告
- 深度分析网络请求与 API 响应
- 精准测量渲染性能与布局偏移
原文简介
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
同场景推荐
- diagnosing-superpowers所在仓库 obra/superpowers，仓库 ★ 314,917快速定位超能力会话故障原因并生成带行号证据的诊断报告
- systematic-debugging所在仓库 obra/superpowers，仓库 ★ 314,917定位任意技术问题的根本原因，再提出修复方案
- agent-introspection-debugging所在仓库 affaan-m/ECC，仓库 ★ 300,014自动捕获失败现场、诊断根因、生成可复现的调试报告
- webapp-testing所在仓库 anthropics/skills，仓库 ★ 190,432自动启动本地服务并用 Playwright 测试网页功能、截图和抓取日志
- debugging-and-error-recovery所在仓库 addyosmani/agent-skills，仓库 ★ 114,402系统化定位并修复代码故障根因
- agent-tracing所在仓库 lobehub/lobehub，仓库 ★ 84,555自动记录并回溯 AI agent 每步执行细节，定位失败工具与 LLM 异常。
- debug-frontend-with-browser所在仓库 lobehub/lobehub，仓库 ★ 84,555定位前端 UI 异常根源，精准识别数据从正确到错误的第一个边界
- debug-package所在仓库 lobehub/lobehub，仓库 ★ 84,555开启带命名空间的结构化调试日志，按模块精准控制输出