browser-testing-with-devtools - 使用 Chrome DevTools 测试浏览器应用
通过 Chrome DevTools MCP 检查 DOM、控制台、网络、性能、可访问性和视觉输出，以测试和调试浏览器应用。
标签
更新于: 2026-09-29能力
典型输入
典型输出
该技能可以做什么
- 检查实时 DOM
- 捕获控制台输出
- 分析网络请求
- 记录性能追踪
- 读取计算样式
- 检查可访问性树
- 捕获页面截图
- 执行只读 JavaScript
- 验证浏览器行为
输入
- 浏览器应用
- 测试场景
- 目标页面 URL
- 预期界面行为
- 项目源代码
输出
- 页面截图
- DOM 检查结果
- 控制台发现
- 网络分析结果
- 性能测量结果
- 可访问性发现
- 浏览器验证状态
要求
- 已配置的 Chrome DevTools MCP 服务器
- Chrome 浏览器
- 可在浏览器中运行的应用
- 访问测试应用的权限