SkillFeeder › 全部 Skill › Bug与质量 › octocode-chrome-devtools
在真实浏览器中调试网页：抓网络请求、截屏、查控制台错误、操作DOM、导出HAR
octocode-chrome-devtools
octocode-chrome-devtools 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 bgauryy/octocode，★ 958。在真实浏览器中调试网页：抓网络请求、截屏、查控制台错误、操作DOM、导出HAR。适合前端工程师、QA、Web 调试者。场景是Bug与质量 · 调试排错。能做的事包括实时捕获完整 HAR 文件用于性能分析、截图/PDF + 提取 cookies/storage 诊断登录态问题、执行点击/填表/搜索等真实用户操作。打开 GitHub 自行安装。
能做什么
- 实时捕获完整 HAR 文件用于性能分析
- 截图/PDF + 提取 cookies/storage 诊断登录态问题
- 执行点击/填表/搜索等真实用户操作
原文简介
Use when a live page needs Chrome DevTools/CDP evidence: network failures, console errors, performance, DOM/CSS actionability, screenshots/PDF, cookies/storage, click/fill/search, HAR, or auth-gated pages. Phrases like debug in Chrome, live page health, CDP snapshot, cookie bridge. Not for static crawl or bulk extract (use octocode-scraping).
同场景推荐
- diagnosing-superpowers所在仓库 obra/superpowers，仓库 ★ 315,170快速定位超能力会话故障原因并生成带行号证据的诊断报告
- systematic-debugging所在仓库 obra/superpowers，仓库 ★ 315,170定位任意技术问题的根本原因，再提出修复方案
- agent-introspection-debugging所在仓库 affaan-m/ECC，仓库 ★ 300,254自动捕获失败现场、诊断根因、生成可复现的调试报告
- webapp-testing所在仓库 anthropics/skills，仓库 ★ 191,002自动启动本地服务并用 Playwright 测试网页功能、截图和抓取日志
- browser-testing-with-devtools所在仓库 addyosmani/agent-skills，仓库 ★ 114,581在真实浏览器中运行测试并实时捕获 DOM、控制台、网络与性能数据
- debugging-and-error-recovery所在仓库 addyosmani/agent-skills，仓库 ★ 114,581系统化定位并修复代码故障根因
- agent-tracing所在仓库 lobehub/lobehub，仓库 ★ 84,596自动记录并回溯 AI agent 每步执行细节，定位失败工具与 LLM 异常。
- debug-frontend-with-browser所在仓库 lobehub/lobehub，仓库 ★ 84,596定位前端 UI 异常根源，精准识别数据从正确到错误的第一个边界