skillsfree
💻 开发工具⚙️ 后端开发🎨 前端开发🚀 DevOps⛓️ Web3与区块链🎭 创意设计📄 文档处理📊 数据与AI💼 业务应用🤖 自动化🔒 安全✦ 其他
免费精选定价
⌘K
首页免费精选定价
💻 开发工具⚙️ 后端开发🎨 前端开发🚀 DevOps⛓️ Web3与区块链🎭 创意设计📄 文档处理📊 数据与AI💼 业务应用🤖 自动化🔒 安全✦ 其他
skillsfree

精选 1500+ Claude AI 技能展示平台。发现、学习并提升您的工作效率。

技能分类

开发工具前端开发后端开发数据与AI文档处理DevOps全部分类

资源

GitHub文档API 参考Claude AI

关于

关于我们联系方式常见问题

法律信息

隐私政策服务条款

© 2026 Claude Skills Free. 保留所有权利。

用❤为 Claude 社区倾心打造

☀️
  1. 首页
  2. ✦开发工具
  3. ✦使用 DevTools 进行浏览器测试
⏱ 翻遍文档拼方案→Development 一次装好反复试错调通→#development 随取随用

使用 DevTools 进行浏览器测试

通过 Chrome DevTools MCP 在真实浏览器中进行测试。适用于构建或调试浏览器应用、检查 DOM、捕获控制台错误、分析网络请求、分析性能或使用真实运行时数据验证视觉输出。需要配置 chrome-devtools MCP 服务器。

💻 Development✦免费变身✦7 种语言

装备内容

里面有什么

文件、标签与三步安装

从源仓库下载或复制 skill 文件。
把 skill 文件放进 Claude 的 skills 目录 —— ~/.claude/skills/
重启 Claude 或运行重载命令,skill 会自动加载。
$ cp addyosmani__agent-skills/skills/browser-testing-with-devtools/SKILL.md ~/.claude/skills/

提示: 首次使用前请阅读文档与代码,确认它的功能和所需权限。

相关标签

#development#browser#testing#devtools#tests#real#browsers

技术信息

作者
addyosmani
分类
Development
文件大小
14.20 KB
来源仓库
addyosmani__agent-skills
许可证
MIT
元数据
包含 YAML 元数据
查看 GitHub 源码

带走这个技能

免费变身

免费技能登录后即可下载,装好就能用。

所有 Skills 来自开源社区,保留原作者版权。

接着演下去

相关技能推荐

基于标签和分类的推荐

查看所有技能
💻

应用商店优化

高级

完整的应用商店优化(ASO)工具包,用于研究、优化和跟踪苹果应用商店和谷歌Play商店上的移动应用性能

Development16 KB
查看详情
💻

艾达普提夫

高级

用于自动化蛋白质测试和验证的云实验室平台。当设计蛋白质并需要实验验证(包括结合测定、表达测试、热稳定性测量、酶活性测定或蛋白质序列优化)时使用。也用于通过API提交实验、跟踪实验状态、下载结果、使用计算工具(NetSolP、SoluProt、SolubleMPNN、ESM)优化蛋白质序列以获得更好的表达,或通过湿实验室验证管理蛋白质设计工作流程。

Development4 KB
查看详情
💻

代理工厂

高级

Claude代码代理生成系统,该系统遵循成熟的生产模式,创建带有增强型YAML前端配置、工具访问模式和MCP集成支持的自定义代理和子代理

Development8 KB
查看详情
💻

智能体自省调试

免费

针对 AI 智能体故障的结构化自调试工作流,利用捕获、诊断、受控恢复和自省报告来定位问题。当智能体运行失败且你需要可复现的诊断而非简单重试时使用。

Development5 KB
查看详情
查看所有技能