西浩资源库开源软件 · AI 工具 · 中文教程

技能

真实浏览器调试

用 Chrome DevTools 看真实运行数据

browser-testing-with-devtools

适用宿主
Claude 技能格式(Anthropic 官方约定)
固定版本
dc27a9c2e1
版本日期
2026-09-20
开源协议
MIT
Star
98,390
内容体积
2 个文件 · 15 KB
宿主仓库为 addyosmani/agent-skills 的技能合集(Anthropic 技能格式)。本站按仓库结构推断、未逐条实测宿主:Claude Code 的技能目录是 .claude/skills/(或项目内 .claude/skills/)。用前请对照你所用宿主的文档确认。

这个技能做什么

通过 Chrome DevTools MCP 在真实浏览器里做测试与调试:查 DOM、抓控制台报错、分析网络请求、做性能剖析、用真实运行时数据核对视觉输出。注意这个技能依赖 chrome-devtools MCP 服务,得先配好才跑得起来。

包含什么

  • 查 DOM 结构
  • 抓控制台错误
  • 分析网络请求
  • 性能剖析
  • 用真实运行时数据核对视觉输出
  • ⚠ 依赖 chrome-devtools MCP 服务,需先配置

怎么用

  • 把 browser-testing-with-devtools 目录复制到宿主的技能目录(Claude Code 为 .claude/skills/)
  • 这个技能依赖 chrome-devtools MCP 服务,需要先在宿主里配好该 MCP,否则技能跑不起来

获取方式

百度网盘 · 需提取码
https://pan.baidu.com/s/1483aJ_c-wthYCIOFiDxryg
提取码xc9g

建议先转存到自己网盘:转存后再下载,不怕原分享链接失效。

本包内附 README.txt,写明来源仓库、固定 commit、开源协议与每个文件的 sha256,可自行校验。

目录内容(2 个文件)

  • SKILL.md14 KB
  • LICENSE1 KB

同源技能

主题
卡片密度
分类色彩