About Browser Devtools MCP
A Playwright-based MCP 服務 that exposes a live browser as a traceable, inspectable, debuggable and controllable execution environment for AI agents
Configuration
Remote servers need no local install. Pick your client, then copy the config or install in one click.
https://{your_mcp_server_host}/mcpclaude mcp add --transport http browser-devtools https://{your_mcp_server_host}/mcp{"mcpServers":{"browser-devtools":{"type":"http","url":"https://{your_mcp_server_host}/mcp"}}}Open in Cursor{"servers":{"browser-devtools":{"type":"http","url":"https://{your_mcp_server_host}/mcp"}}}Open in VS Code{"mcpServers":{"browser-devtools":{"type":"http","url":"https://{your_mcp_server_host}/mcp"}}}{"mcpServers":{"browser-devtools":{"serverUrl":"https://{your_mcp_server_host}/mcp"}}}Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.
Tools
51| Parameter | Type | Required | Description |
|---|---|---|---|
| selector | string | No | Scope to this element; omit for full page. |
| interactiveOnly | boolean | No | Only interactive elements get refs. |
| maxDepth | integer | No | Max tree depth; 0 = root only. |
| compact | boolean | No | Omit structural nodes without content. |
| cursorInteractive | boolean | No | Include cursor:pointer / onclick elements. |
Details
The maintainer has not added details yet. Check the README in the repository.
Comments
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.