chrome-devtools-mcp
If you are the rightful owner of chrome-devtools-mcp and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.
The Chrome DevTools MCP server integrates Chrome's debugging capabilities with Claude Desktop, enabling seamless web application debugging.
The Chrome DevTools MCP server acts as a bridge between Claude and Chrome's developer tools, allowing users to debug web applications by connecting to Chrome's debugging capabilities. This server is available as a Claude Desktop Extension for easy installation. Once installed, it enables users to connect Claude to any web application running in Chrome, providing the ability to debug network requests, console errors, and performance issues. Users can inspect JavaScript objects, execute code in the browser context, and monitor applications in real-time through natural conversation with Claude. The server runs within Claude Desktop, eliminating the need for separate servers or processes.
Features
- Network Monitoring: Capture and analyze HTTP requests/responses with filtering options.
- Console Integration: Read browser console logs, analyze errors, and execute JavaScript.
- Performance Metrics: Access timing data, resource loading, and memory utilization.
- Page Inspection: Retrieve DOM information, page metrics, and support for multiple frames.
- Storage Access: Read cookies, localStorage, and sessionStorage.
Tools
start_chrome_and_connect
Start Chrome with remote debugging and navigate to a specified URL.
get_network_requests
Retrieve network requests with optional filtering.
get_console_error_summary
Get a summary of JavaScript errors and warnings.
inspect_console_object
Inspect any JavaScript object in the browser context.
get_page_info
Retrieve comprehensive page metrics and performance data.