browser-testing-with-devtools - Test browser applications with Chrome DevTools
Tests and debugs browser applications with Chrome DevTools MCP by inspecting the DOM, console, network, performance, accessibility, and visual output.
Tags
Updated: 2026-09-29Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Inspect live DOM
- Capture console output
- Analyze network requests
- Record performance traces
- Read computed styles
- Inspect accessibility trees
- Capture page screenshots
- Execute read-only JavaScript
- Verify browser behavior
Inputs
- Browser application
- Test scenario
- Target page URL
- Expected UI behavior
- Project source code
Outputs
- Screenshots
- DOM inspection results
- Console findings
- Network analysis
- Performance measurements
- Accessibility findings
- Browser verification status
Requirements
- Configured Chrome DevTools MCP server
- Chrome browser
- Browser-runnable application
- Permission to access the test application