Frontend Verification & Testing - Verify Angular 18 Frontend with Chrome DevTools
Verify Angular 18 frontend using Chrome DevTools MCP - check console, network, and visual rendering
Tags
Updated: 2026-05-11Capabilities
Typical Inputs
Typical Outputs
What this skill does
- list open pages
- navigate to URL
- wait for text
- take snapshot
- take screenshot
- execute JavaScript
- list console messages
- get console message
- list network requests
- get network request
- click element
- fill input field
- fill form
- hover element
- resize page viewport
- emulate network conditions
- start performance trace
Inputs
- Angular 18 dev server
- Backend API server
- Angular project files
- JWT authentication token
- Route URL
Outputs
- Verification report
- Screenshot file
- Console error logs
- Network request details
- Performance metrics
Requirements
- Angular 18.2.0+
- Chrome DevTools MCP
- Dev server running on localhost:4200
- Backend API on localhost:8080
- Read tool
- Bash tool