browser-debugger

Capture browser console errors, network issues, and page exceptions during automated sessions.

Updated Feb 19, 2026
One-click install
npx skills add https://github.com/walker-hzx/AI-Assistant --skill browser-debugger-walker-hzx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser-debugger
Source: https://github.com/walker-hzx/AI-Assistant/tree/main/skills/browser-debugger
Command: npx skills add https://github.com/walker-hzx/AI-Assistant --skill browser-debugger-walker-hzx

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

浏览器错误和网络问题排查的自动化解决方案,帮助开发者快速捕获并定位浏览器控制台错误、网络请求失败与页面异常,减少重复手动调试。

Core Features & Use Cases

  • Console 捕获: 监听 console.log、error、warn 等输出,记录并聚合错误信息。
  • 网络请求: 捕获失败或异常的网络请求,输出请求方法、URL、状态码与响应摘要。
  • 页面异常: 捕获 JavaScript 异常与未捕获错误,提供堆栈信息。
  • 截图与 HAR 导出: 出错时自动截图并可导出完整 HAR 记录,便于复现与分析。

Quick Start

在目标 URL 上运行 Python 脚本以开始捕获浏览器错误。

Frequently Asked Questions about browser-debugger

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automatically capture browser console errors during automated browsing sessions?

You can capture browser console errors automatically by running a Playwright script that listens to console.log, error, and warn outputs. This script aggregates error messages and records page exceptions with stack traces during automated browsing sessions.

How do I log failed network requests with Playwright for debugging?

To log failed network requests with Playwright, the script captures network traffic and records the request method, URL, status code, and response summary. It specifically targets failed or abnormal network requests for debugging API interactions.

Can I export a HAR file and take screenshots when a page error occurs in Playwright?

Yes, you can export a HAR file and capture screenshots when page errors occur. The script automatically takes a screenshot upon detecting an error and can export a complete HAR record to help reproduce and analyze the issue.

Does this browser debugging approach work in local development, staging, and CI environments?

Yes, this browser debugging approach works across local development, staging, and CI environments. It is designed to debug web pages, API interactions, and UI workflows consistently throughout your deployment pipeline.

What is the best way to detect uncaught JavaScript exceptions during UI workflow testing?

The best way to detect uncaught JavaScript exceptions during UI workflow testing is using an automated Playwright script. It captures JavaScript exceptions and uncaught errors, providing detailed stack information to reduce manual debugging effort.

Why are my network requests failing during automated browsing and how do I capture the details?

Network requests may fail due to API issues or connectivity problems during automated browsing. You can capture the details by running a Playwright script that logs failed requests, recording the method, URL, status code, and response summary for analysis.