Chrome MCP Server
Servidor MCP para integração entre extensão Chrome e Claude AI
Overview
Chrome MCP Server is a Node.js server that integrates with the Chrome DevTools extension to provide debugging and monitoring functionalities for Cursor AI.
To use the Chrome MCP Server, you can run it directly from GitHub, install it globally, or publish it on npm. Configuration in Cursor is also required to connect the server.
- Captures console logs and errors - Monitors network requests (successes and errors) - Takes screenshots - Inspects selected elements - Clears logs - Automatic port handling
- Debugging web applications using Chrome DevTools.
- Monitoring network requests during development.
- Capturing console errors for analysis.
Add to your AI client
Use these steps to connect Chrome MCP Server in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.
Cursor
Add this to your .cursor/mcp.json file in your project root, then restart Cursor.
.cursor/mcp.json
{
"mcpServers": {
"chrome-mcp-server-adejaimejr": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-chrome-mcp-server-adejaimejr"
]
}
}
}Claude Desktop
Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.
~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)
{
"mcpServers": {
"chrome-mcp-server-adejaimejr": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-chrome-mcp-server-adejaimejr"
]
}
}
}Claude Code
Add this to your project's .mcp.json file. Claude Code will detect it automatically.
.mcp.json (project root)
{
"mcpServers": {
"chrome-mcp-server-adejaimejr": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-chrome-mcp-server-adejaimejr"
]
}
}
}VS Code (Copilot)
Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.
.vscode/mcp.json
{
"servers": {
"chrome-mcp-server-adejaimejr": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-chrome-mcp-server-adejaimejr"
]
}
}
}Windsurf
Add this to your Windsurf MCP config file, then restart Windsurf.
~/.codeium/windsurf/mcp_config.json
{
"mcpServers": {
"chrome-mcp-server-adejaimejr": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-chrome-mcp-server-adejaimejr"
]
}
}
}Cline
Open Cline settings, navigate to MCP Servers, and add this server configuration.
Cline MCP Settings (via UI)
{
"mcpServers": {
"chrome-mcp-server-adejaimejr": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-chrome-mcp-server-adejaimejr"
]
}
}
}FAQ
Is Chrome MCP Server free to use?
Yes! Chrome MCP Server is free to use for development purposes.
What are the system requirements?
Requires Node.js 14+ and Chrome 88+.
Can I expose this server to the internet?
No, it is intended for local development only.