chrome-mcp-server
The Chrome MCP Server is a Node.js server that integrates with the Chrome DevTools extension to enable debugging and monitoring functionalities for Cursor AI. It captures logs, monitors network requests, and provides communication via a RESTful API. Designed for local development, it includes features to ensure JSON output and automatic port handling.
Chrome MCP Server
A Node.js server that integrates with the Chrome DevTools extension to provide debugging and monitoring functionalities for Cursor AI.
Features
- Captures console logs and errors
- Monitors network requests
- Takes screenshots
- Inspects selected elements
- Clears logs
Installation and Usage
Option 1: Run directly from GitHub using npx command.
Option 2: Install globally and use the command line.
Option 3: Publish the package to npm and use it.
Configuration in Cursor
Follow steps to configure the MCP server in Cursor.
Latest Updates (v1.2.0)
- JSON output format enforcement
- Automatic port handling
- Build script compatible with Windows
Troubleshooting
Common error fixes provided, including JSON parsing errors and port conflicts.
How It Works
- Chrome DevTools extension collects browser data
- Data sent to local MCP server
- Server provides data via RESTful API
- Available tools access the data
MCP Tools Available
- Retrieve console logs
- Capture network successes and errors
- Take screenshots
- Inspect selected elements
- Clear logs
Requirements
- Node.js 14+
- Chrome 88+
- Cursor with MCP support
Security Notes
Local development use only; do not expose to public internet without security measures.