| name | web-debugging |
| description | Debug web applications by inspecting console logs, network requests, JavaScript errors, and using non-blocking tracepoints/logpoints. Use when debugging web pages, inspecting API calls, or tracing code execution. |
Web Debugging Skill
Debug web applications by inspecting console logs, network requests, JavaScript errors, and using non-blocking tracepoints/logpoints.
When to Use
This skill activates when:
- User reports a bug or error on a web page
- User asks to debug JavaScript issues
- User wants to inspect API calls or network requests
- User needs to troubleshoot page loading issues
- User mentions console errors or warnings
- User wants to trace code execution without pausing
Capabilities
Console Inspection
- Get all console messages (
o11y_get-console-messages)
- Filter by log level (error, warn, info, debug)
- Identify JavaScript exceptions and stack traces
Network Analysis
- Monitor HTTP requests (
o11y_get-http-requests)
- Inspect request/response headers
- Check response status codes and timing
- Identify failed or slow requests
JavaScript Debugging
- Execute diagnostic code in the page: use execute with
page.evaluate() (e.g. return await page.evaluate(() => document.querySelectorAll('script').length)).
- Inspect DOM state and element properties
- Check localStorage, sessionStorage, cookies
- Verify JavaScript variables and state
Non-Blocking Debugging (Advanced)
- Tracepoints (
debug_put-tracepoint): Capture call stack and local variables at specific code locations without pausing
