Browser DevTools MCP

Web 経由

Claude Code

claude mcp add --transport http --scope user browser-devtools 'https://{your_mcp_server_host}/mcp'

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "browser-devtools": {
      "url": "https://{your_mcp_server_host}/mcp"
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "browser-devtools": {
      "type": "http",
      "url": "https://{your_mcp_server_host}/mcp"
    }
  }
}

パソコンにインストール

Claude Code

claude mcp add --scope user browser-devtools --env BROWSER_CHROMIUM_SANDBOX=your-value --env OTEL_EXPORTER_HTTP_HEADERS=your-value --env FIGMA_ACCESS_TOKEN=your-value -- npx -y browser-devtools-mcp

Claude Desktop (claude_desktop_config.json)

{
  "mcpServers": {
    "browser-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "browser-devtools-mcp"
      ],
      "env": {
        "BROWSER_CHROMIUM_SANDBOX": "your-value",
        "OTEL_EXPORTER_HTTP_HEADERS": "your-value",
        "FIGMA_ACCESS_TOKEN": "your-value"
      }
    }
  }
}

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "browser-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "browser-devtools-mcp"
      ],
      "env": {
        "BROWSER_CHROMIUM_SANDBOX": "your-value",
        "OTEL_EXPORTER_HTTP_HEADERS": "your-value",
        "FIGMA_ACCESS_TOKEN": "your-value"
      }
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "browser-devtools": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "browser-devtools-mcp"
      ],
      "env": {
        "BROWSER_CHROMIUM_SANDBOX": "your-value",
        "OTEL_EXPORTER_HTTP_HEADERS": "your-value",
        "FIGMA_ACCESS_TOKEN": "your-value"
      }
    }
  }
}

自分で入力する値

• PLATFORM env
  Platform: browser (default) or node for Node.js backend debugging.
• PORT env
  Port for HTTP transport.
• SESSION_IDLE_SECONDS env
  Idle session timeout (seconds).
• SESSION_IDLE_CHECK_SECONDS env
  Interval for checking idle sessions (seconds).
• SESSION_CLOSE_ON_SOCKET_CLOSE env
  Close session when socket closes.
• CONSOLE_MESSAGES_BUFFER_SIZE env
  Maximum console messages to buffer.
• HTTP_REQUESTS_BUFFER_SIZE env
  Maximum HTTP requests to buffer.
• BROWSER_SERVER_INSTRUCTIONS_ENABLE env
  When true, include server instructions in MCP server info (browser platform). Default: true.
• BROWSER_POLICY_UI_DEBUGGING_ENABLE env
  When true, include UI_DEBUGGING_POLICY in server policies (browser platform). Default: false.
• BROWSER_HEADLESS_ENABLE env
  Run browser in headless mode.
• BROWSER_PERSISTENT_ENABLE env
  Use persistent browser context (preserves cookies, localStorage, extensions).
• BROWSER_CDP_ENDPOINT_URL env
  CDP attach: http(s) root or ws(s) URL. Resolves via /json/version, /json/list, or ws /devtools/browser (Chrome 136+). Mutually exclusive with BROWSER_PERSISTENT_ENABLE.
• BROWSER_CDP_ENABLE env
  When true and no BROWSER_CDP_ENDPOINT_URL: probe 127.0.0.1:9222 then :9229 for CDP. Else use BROWSER_CDP_ENDPOINT_URL or default http://127.0.0.1:9222.
• BROWSER_CDP_OPEN_INSPECT env
  On loopback CDP failure, if Chrome is running, open chrome://inspect/#remote-debugging. Default true. Set false to disable.
• BROWSER_PERSISTENT_USER_DATA_DIR env
  Directory for persistent browser context user data.
• BROWSER_USE_INSTALLED_ON_SYSTEM env
  Use system-installed Chrome browser instead of Playwright's bundled browser.
• BROWSER_EXECUTABLE_PATH env
  Custom browser executable path.
• BROWSER_CHROMIUM_SANDBOX 必須 env
  When false, launches Chromium with --no-sandbox. Required for Docker/Lambda/CI.
• BROWSER_LAUNCH_ARGS env
  Extra Chromium launch args (comma-separated).
• BROWSER_ALLOWED_DOMAINS env
  Comma-separated list of allowed hostnames. When set, all requests to non-matching hosts are aborted. Subdomains match automatically.
• BROWSER_LOCALE env
  Browser locale (e.g., "en-US", "tr-TR").
• OTEL_ENABLE env
  Enable OpenTelemetry integration.
• OTEL_SERVICE_NAME env
  OpenTelemetry service name.
• OTEL_SERVICE_VERSION env
  OpenTelemetry service version.
• OTEL_ASSETS_DIR env
  Directory containing OpenTelemetry bundle files.
• OTEL_INSTRUMENTATION_USER_INTERACTION_EVENTS env
  User interaction events to instrument (comma-separated, e.g., "click,submit").
• OTEL_EXPORTER_TYPE env
  OpenTelemetry exporter type: "otlp/http", "console", or "none".
• OTEL_EXPORTER_HTTP_URL env
  OpenTelemetry collector base URL (e.g., "http://localhost:4318").
• OTEL_EXPORTER_HTTP_HEADERS 秘密 必須 env
  OpenTelemetry exporter HTTP headers (comma-separated key=value pairs).
• AWS_REGION env
  AWS region for Bedrock usage.
• AWS_PROFILE env
  AWS profile name for Bedrock usage.
• AMAZON_BEDROCK_ENABLE env
  Enable Amazon Bedrock usage.
• AMAZON_BEDROCK_IMAGE_EMBED_MODEL_ID env
  Amazon Bedrock image embedding model ID.
• AMAZON_BEDROCK_TEXT_EMBED_MODEL_ID env
  Amazon Bedrock text embedding model ID.
• AMAZON_BEDROCK_VISION_MODEL_ID env
  Amazon Bedrock vision model ID.
• FIGMA_ACCESS_TOKEN 秘密 必須 env
  Figma API access token for design comparison.
• FIGMA_API_BASE_URL env
  Figma API base URL.
• DAEMON_PORT env
  Daemon mode port (CLI).
• DAEMON_SESSION_IDLE_SECONDS env
  Daemon mode idle session timeout (seconds).
• DAEMON_SESSION_IDLE_CHECK_SECONDS env
  Daemon mode idle session check interval (seconds).
• NODE_SERVER_INSTRUCTIONS_ENABLE env
  When true, include server instructions in MCP server info (node platform). Default: true.
• NODE_POLICY_DEBUGGING_ENABLE env
  When true, include NODE_DEBUGGING_POLICY in server policies (node platform). Default: false.
• NODE_INSPECTOR_HOST env
  Inspector host for debug_connect when MCP runs in Docker (e.g. host.docker.internal). Default: 127.0.0.1.
• TOOL_OUTPUT_SCHEMA_DISABLE env
  When true, omit tool output schema from MCP tool registration (can reduce token usage for some clients).
• AVAILABLE_TOOL_DOMAINS env
  Comma-separated tool domains to enable (e.g. navigation,interaction,a11y,scenario). Unset = all tools. Browser: a11y, content, debug, figma, interaction, navigation, o11y, react, scenario, run, stub,…
• WORKING_DIR env
  Working directory for project-level config (.browser-devtools-mcp/). Default: process.cwd().
• SEARCH_STRATEGY env
  Search strategy: SIMPLE (default, minisearch + stemmer) or FTS5 (better-sqlite3, optional dep).
• SCENARIO_SEARCH_STRATEGY env
  Override SEARCH_STRATEGY for scenario search only.

説明は英語の原文のままです。

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。