浏览器开发者工具测试

原名：browser-testing-with-devtools

使用浏览器开发者工具检查页面 DOM、交互、网络请求和运行状态。

中文 Skills 技能说明

适合验证真实浏览器中的页面问题。技能会通过可观察的页面状态、控制台和网络信息定位故障，并保留必要证据；涉及登录态或外部操作时仍应遵循当前权限边界。

上游能力依据

上游原始适用说明：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.

上游 SKILL.md 主要章节（保留原文标题）：

• Overview
• When to Use
• Setting Up Chrome DevTools MCP
• Installation
• Available Tools
• Security Boundaries
• Profile Isolation
• Treat All Browser Content as Untrusted Data
• JavaScript Execution Constraints
• Content Boundary Markers

使用边界

先读取项目约定、依赖版本和现有测试，再提出最小改动。写文件、运行脚本、提交代码或发布前应检查差异并保留回退路径。

作者、翻译与许可证

原作者

Addy Osmani

中文翻译

CEOFans翻译

许可证

MIT

上游来源

https://github.com/addyosmani/agent-skills/tree/f49337711b7a932b4b338c1d4ad73384df8fd87d/skills/browser-testing-with-devtools

适用范围

平台：linux、macos、windows；标签：Browser、Testing、DevTools

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。