プロトタイプ · プレビュー版:公式レジストリのすべてのサーバーを掲載し、30分ごとに同期しています。レビューとアカウント機能は今後のステップで始まります。
PopNx MCPAIを使う人のためのMCPサーバー · やさしい言葉で解説

Browser DevTools MCP

作者:serkan-ozalバージョン 0.9.1i★ –iパソコンでもクラウドでも
レジストリ名io.github.serkan-ozal/browser-devtools-mcp

インストール

概要

作者による説明(英語の原文)

Playwright browser & Node.js MCP. ARIA refs, screenshots, ref-based interactions.

PopNx MCPの3つの柱

この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。

できること

このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。

  • 接続方法: パソコンでもクラウドでも
  • トランスポート: stdio, Streamable HTTP
  • カテゴリ: ウェブ・ブラウザ
  • 入力が必要なもの:OTEL_EXPORTER_HTTP_HEADERS, FIGMA_ACCESS_TOKEN

インストール

使っているAIアプリを選んで、設定をコピーしてください。

インストールの前に

  • 基本チェック:1項目中1項目に合格
  • 作者のサーバーで動きます。あなたが頼んだ内容は、作者のサーバーを通ります。
  • 自分で入力するもの: PLATFORM, PORT, SESSION_IDLE_SECONDS, SESSION_IDLE_CHECK_SECONDS, SESSION_CLOSE_ON_SOCKET_CLOSE, CONSOLE_MESSAGES_BUFFER_SIZE, HTTP_REQUESTS_BUFFER_SIZE, BROWSER_SERVER_INSTRUCTIONS_ENABLE, BROWSER_POLICY_UI_DEBUGGING_ENABLE, BROWSER_HEADLESS_ENABLE, BROWSER_PERSISTENT_ENABLE, BROWSER_CDP_ENDPOINT_URL, BROWSER_CDP_ENABLE, BROWSER_CDP_OPEN_INSPECT, BROWSER_PERSISTENT_USER_DATA_DIR, BROWSER_USE_INSTALLED_ON_SYSTEM, BROWSER_EXECUTABLE_PATH, BROWSER_CHROMIUM_SANDBOX, BROWSER_LAUNCH_ARGS, BROWSER_ALLOWED_DOMAINS, BROWSER_LOCALE, OTEL_ENABLE, OTEL_SERVICE_NAME, OTEL_SERVICE_VERSION, OTEL_ASSETS_DIR, OTEL_INSTRUMENTATION_USER_INTERACTION_EVENTS, OTEL_EXPORTER_TYPE, OTEL_EXPORTER_HTTP_URL, OTEL_EXPORTER_HTTP_HEADERS, AWS_REGION, AWS_PROFILE, AMAZON_BEDROCK_ENABLE, AMAZON_BEDROCK_IMAGE_EMBED_MODEL_ID, AMAZON_BEDROCK_TEXT_EMBED_MODEL_ID, AMAZON_BEDROCK_VISION_MODEL_ID, FIGMA_ACCESS_TOKEN, FIGMA_API_BASE_URL, DAEMON_PORT, DAEMON_SESSION_IDLE_SECONDS, DAEMON_SESSION_IDLE_CHECK_SECONDS, NODE_SERVER_INSTRUCTIONS_ENABLE, NODE_POLICY_DEBUGGING_ENABLE, NODE_INSPECTOR_HOST, TOOL_OUTPUT_SCHEMA_DISABLE, AVAILABLE_TOOL_DOMAINS, WORKING_DIR, SEARCH_STRATEGY, SCENARIO_SEARCH_STRATEGY

「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。

必要なもの

  • クラウドで動くインストール不要。インターネット経由でつながります
  • npmNode.jsのインストール(npxコマンドに必要)

どのアプリを使っていますか?

上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。

ウェブ、デスクトップ、モバイルのClaudeで使えます:

  1. Settings → Connectors を開く
  2. Add custom connector を押す
  3. 下のアドレスを貼り付けて Add を押す
  4. サインインを求められたら、作者のサービスにサインインする
SettingsConnectors1+ Add2https://…3
https://{your_mcp_server_host}/mcp

アドレスには、あなたしか知らない {…} の部分(アカウントなど)があるので、コピーして書き換えてください。

または、パソコンで動かす

Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます

{
  "mcpServers": {
    "browser-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "browser-devtools-mcp"
      ],
      "env": {
        "PLATFORM": "your-value",
        "PORT": "your-value",
        "SESSION_IDLE_SECONDS": "your-value",
        "SESSION_IDLE_CHECK_SECONDS": "your-value",
        "SESSION_CLOSE_ON_SOCKET_CLOSE": "your-value",
        "CONSOLE_MESSAGES_BUFFER_SIZE": "your-value",
        "HTTP_REQUESTS_BUFFER_SIZE": "your-value",
        "BROWSER_SERVER_INSTRUCTIONS_ENABLE": "your-value",
        "BROWSER_POLICY_UI_DEBUGGING_ENABLE": "your-value",
        "BROWSER_HEADLESS_ENABLE": "your-value",
        "BROWSER_PERSISTENT_ENABLE": "your-value",
        "BROWSER_CDP_ENDPOINT_URL": "your-value",
        "BROWSER_CDP_ENABLE": "your-value",
        "BROWSER_CDP_OPEN_INSPECT": "your-value",
        "BROWSER_PERSISTENT_USER_DATA_DIR": "your-value",
        "BROWSER_USE_INSTALLED_ON_SYSTEM": "your-value",
        "BROWSER_EXECUTABLE_PATH": "your-value",
        "BROWSER_CHROMIUM_SANDBOX": "your-value",
        "BROWSER_LAUNCH_ARGS": "your-value",
        "BROWSER_ALLOWED_DOMAINS": "your-value",
        "BROWSER_LOCALE": "your-value",
        "OTEL_ENABLE": "your-value",
        "OTEL_SERVICE_NAME": "your-value",
        "OTEL_SERVICE_VERSION": "your-value",
        "OTEL_ASSETS_DIR": "your-value",
        "OTEL_INSTRUMENTATION_USER_INTERACTION_EVENTS": "your-value",
        "OTEL_EXPORTER_TYPE": "your-value",
        "OTEL_EXPORTER_HTTP_URL": "your-value",
        "OTEL_EXPORTER_HTTP_HEADERS": "your-value",
        "AWS_REGION": "your-value",
        "AWS_PROFILE": "your-value",
        "AMAZON_BEDROCK_ENABLE": "your-value",
        "AMAZON_BEDROCK_IMAGE_EMBED_MODEL_ID": "your-value",
        "AMAZON_BEDROCK_TEXT_EMBED_MODEL_ID": "your-value",
        "AMAZON_BEDROCK_VISION_MODEL_ID": "your-value",
        "FIGMA_ACCESS_TOKEN": "your-value",
        "FIGMA_API_BASE_URL": "your-value",
        "DAEMON_PORT": "your-value",
        "DAEMON_SESSION_IDLE_SECONDS": "your-value",
        "DAEMON_SESSION_IDLE_CHECK_SECONDS": "your-value",
        "NODE_SERVER_INSTRUCTIONS_ENABLE": "your-value",
        "NODE_POLICY_DEBUGGING_ENABLE": "your-value",
        "NODE_INSPECTOR_HOST": "your-value",
        "TOOL_OUTPUT_SCHEMA_DISABLE": "your-value",
        "AVAILABLE_TOOL_DOMAINS": "your-value",
        "WORKING_DIR": "your-value",
        "SEARCH_STRATEGY": "your-value",
        "SCENARIO_SEARCH_STRATEGY": "your-value"
      }
    }
  }
}

ターミナルでこれを実行します

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

または、パソコンで動かす

claude mcp add browser-devtools --env PLATFORM=your-value --env PORT=your-value --env SESSION_IDLE_SECONDS=your-value --env SESSION_IDLE_CHECK_SECONDS=your-value --env SESSION_CLOSE_ON_SOCKET_CLOSE=your-value --env CONSOLE_MESSAGES_BUFFER_SIZE=your-value --env HTTP_REQUESTS_BUFFER_SIZE=your-value --env BROWSER_SERVER_INSTRUCTIONS_ENABLE=your-value --env BROWSER_POLICY_UI_DEBUGGING_ENABLE=your-value --env BROWSER_HEADLESS_ENABLE=your-value --env BROWSER_PERSISTENT_ENABLE=your-value --env BROWSER_CDP_ENDPOINT_URL=your-value --env BROWSER_CDP_ENABLE=your-value --env BROWSER_CDP_OPEN_INSPECT=your-value --env BROWSER_PERSISTENT_USER_DATA_DIR=your-value --env BROWSER_USE_INSTALLED_ON_SYSTEM=your-value --env BROWSER_EXECUTABLE_PATH=your-value --env BROWSER_CHROMIUM_SANDBOX=your-value --env BROWSER_LAUNCH_ARGS=your-value --env BROWSER_ALLOWED_DOMAINS=your-value --env BROWSER_LOCALE=your-value --env OTEL_ENABLE=your-value --env OTEL_SERVICE_NAME=your-value --env OTEL_SERVICE_VERSION=your-value --env OTEL_ASSETS_DIR=your-value --env OTEL_INSTRUMENTATION_USER_INTERACTION_EVENTS=your-value --env OTEL_EXPORTER_TYPE=your-value --env OTEL_EXPORTER_HTTP_URL=your-value --env OTEL_EXPORTER_HTTP_HEADERS=your-value --env AWS_REGION=your-value --env AWS_PROFILE=your-value --env AMAZON_BEDROCK_ENABLE=your-value --env AMAZON_BEDROCK_IMAGE_EMBED_MODEL_ID=your-value --env AMAZON_BEDROCK_TEXT_EMBED_MODEL_ID=your-value --env AMAZON_BEDROCK_VISION_MODEL_ID=your-value --env FIGMA_ACCESS_TOKEN=your-value --env FIGMA_API_BASE_URL=your-value --env DAEMON_PORT=your-value --env DAEMON_SESSION_IDLE_SECONDS=your-value --env DAEMON_SESSION_IDLE_CHECK_SECONDS=your-value --env NODE_SERVER_INSTRUCTIONS_ENABLE=your-value --env NODE_POLICY_DEBUGGING_ENABLE=your-value --env NODE_INSPECTOR_HOST=your-value --env TOOL_OUTPUT_SCHEMA_DISABLE=your-value --env AVAILABLE_TOOL_DOMAINS=your-value --env WORKING_DIR=your-value --env SEARCH_STRATEGY=your-value --env SCENARIO_SEARCH_STRATEGY=your-value -- npx -y browser-devtools-mcp

動かす前に、空欄の値を入力してください。

アドレスには、あなたしか知らない {…} の部分(アカウントなど)があるので、コピーして書き換えてください。

または、設定を自分でコピーする

プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます

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

または、パソコンで動かす

Cursorで開く

または、設定を自分でコピーする

プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます

{
  "mcpServers": {
    "browser-devtools": {
      "command": "npx",
      "args": [
        "-y",
        "browser-devtools-mcp"
      ],
      "env": {
        "PLATFORM": "your-value",
        "PORT": "your-value",
        "SESSION_IDLE_SECONDS": "your-value",
        "SESSION_IDLE_CHECK_SECONDS": "your-value",
        "SESSION_CLOSE_ON_SOCKET_CLOSE": "your-value",
        "CONSOLE_MESSAGES_BUFFER_SIZE": "your-value",
        "HTTP_REQUESTS_BUFFER_SIZE": "your-value",
        "BROWSER_SERVER_INSTRUCTIONS_ENABLE": "your-value",
        "BROWSER_POLICY_UI_DEBUGGING_ENABLE": "your-value",
        "BROWSER_HEADLESS_ENABLE": "your-value",
        "BROWSER_PERSISTENT_ENABLE": "your-value",
        "BROWSER_CDP_ENDPOINT_URL": "your-value",
        "BROWSER_CDP_ENABLE": "your-value",
        "BROWSER_CDP_OPEN_INSPECT": "your-value",
        "BROWSER_PERSISTENT_USER_DATA_DIR": "your-value",
        "BROWSER_USE_INSTALLED_ON_SYSTEM": "your-value",
        "BROWSER_EXECUTABLE_PATH": "your-value",
        "BROWSER_CHROMIUM_SANDBOX": "your-value",
        "BROWSER_LAUNCH_ARGS": "your-value",
        "BROWSER_ALLOWED_DOMAINS": "your-value",
        "BROWSER_LOCALE": "your-value",
        "OTEL_ENABLE": "your-value",
        "OTEL_SERVICE_NAME": "your-value",
        "OTEL_SERVICE_VERSION": "your-value",
        "OTEL_ASSETS_DIR": "your-value",
        "OTEL_INSTRUMENTATION_USER_INTERACTION_EVENTS": "your-value",
        "OTEL_EXPORTER_TYPE": "your-value",
        "OTEL_EXPORTER_HTTP_URL": "your-value",
        "OTEL_EXPORTER_HTTP_HEADERS": "your-value",
        "AWS_REGION": "your-value",
        "AWS_PROFILE": "your-value",
        "AMAZON_BEDROCK_ENABLE": "your-value",
        "AMAZON_BEDROCK_IMAGE_EMBED_MODEL_ID": "your-value",
        "AMAZON_BEDROCK_TEXT_EMBED_MODEL_ID": "your-value",
        "AMAZON_BEDROCK_VISION_MODEL_ID": "your-value",
        "FIGMA_ACCESS_TOKEN": "your-value",
        "FIGMA_API_BASE_URL": "your-value",
        "DAEMON_PORT": "your-value",
        "DAEMON_SESSION_IDLE_SECONDS": "your-value",
        "DAEMON_SESSION_IDLE_CHECK_SECONDS": "your-value",
        "NODE_SERVER_INSTRUCTIONS_ENABLE": "your-value",
        "NODE_POLICY_DEBUGGING_ENABLE": "your-value",
        "NODE_INSPECTOR_HOST": "your-value",
        "TOOL_OUTPUT_SCHEMA_DISABLE": "your-value",
        "AVAILABLE_TOOL_DOMAINS": "your-value",
        "WORKING_DIR": "your-value",
        "SEARCH_STRATEGY": "your-value",
        "SCENARIO_SEARCH_STRATEGY": "your-value"
      }
    }
  }
}

ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。

アドレスには、あなたしか知らない {…} の部分(アカウントなど)があるので、コピーして書き換えてください。

または、設定を自分でコピーする

プロジェクトの .vscode/mcp.json に貼り付けます

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

または、パソコンで動かす

VS Codeで開く

または、設定を自分でコピーする

プロジェクトの .vscode/mcp.json に貼り付けます

{
  "servers": {
    "browser-devtools": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "browser-devtools-mcp"
      ],
      "env": {
        "PLATFORM": "your-value",
        "PORT": "your-value",
        "SESSION_IDLE_SECONDS": "your-value",
        "SESSION_IDLE_CHECK_SECONDS": "your-value",
        "SESSION_CLOSE_ON_SOCKET_CLOSE": "your-value",
        "CONSOLE_MESSAGES_BUFFER_SIZE": "your-value",
        "HTTP_REQUESTS_BUFFER_SIZE": "your-value",
        "BROWSER_SERVER_INSTRUCTIONS_ENABLE": "your-value",
        "BROWSER_POLICY_UI_DEBUGGING_ENABLE": "your-value",
        "BROWSER_HEADLESS_ENABLE": "your-value",
        "BROWSER_PERSISTENT_ENABLE": "your-value",
        "BROWSER_CDP_ENDPOINT_URL": "your-value",
        "BROWSER_CDP_ENABLE": "your-value",
        "BROWSER_CDP_OPEN_INSPECT": "your-value",
        "BROWSER_PERSISTENT_USER_DATA_DIR": "your-value",
        "BROWSER_USE_INSTALLED_ON_SYSTEM": "your-value",
        "BROWSER_EXECUTABLE_PATH": "your-value",
        "BROWSER_CHROMIUM_SANDBOX": "your-value",
        "BROWSER_LAUNCH_ARGS": "your-value",
        "BROWSER_ALLOWED_DOMAINS": "your-value",
        "BROWSER_LOCALE": "your-value",
        "OTEL_ENABLE": "your-value",
        "OTEL_SERVICE_NAME": "your-value",
        "OTEL_SERVICE_VERSION": "your-value",
        "OTEL_ASSETS_DIR": "your-value",
        "OTEL_INSTRUMENTATION_USER_INTERACTION_EVENTS": "your-value",
        "OTEL_EXPORTER_TYPE": "your-value",
        "OTEL_EXPORTER_HTTP_URL": "your-value",
        "OTEL_EXPORTER_HTTP_HEADERS": "your-value",
        "AWS_REGION": "your-value",
        "AWS_PROFILE": "your-value",
        "AMAZON_BEDROCK_ENABLE": "your-value",
        "AMAZON_BEDROCK_IMAGE_EMBED_MODEL_ID": "your-value",
        "AMAZON_BEDROCK_TEXT_EMBED_MODEL_ID": "your-value",
        "AMAZON_BEDROCK_VISION_MODEL_ID": "your-value",
        "FIGMA_ACCESS_TOKEN": "your-value",
        "FIGMA_API_BASE_URL": "your-value",
        "DAEMON_PORT": "your-value",
        "DAEMON_SESSION_IDLE_SECONDS": "your-value",
        "DAEMON_SESSION_IDLE_CHECK_SECONDS": "your-value",
        "NODE_SERVER_INSTRUCTIONS_ENABLE": "your-value",
        "NODE_POLICY_DEBUGGING_ENABLE": "your-value",
        "NODE_INSPECTOR_HOST": "your-value",
        "TOOL_OUTPUT_SCHEMA_DISABLE": "your-value",
        "AVAILABLE_TOOL_DOMAINS": "your-value",
        "WORKING_DIR": "your-value",
        "SEARCH_STRATEGY": "your-value",
        "SCENARIO_SEARCH_STRATEGY": "your-value"
      }
    }
  }
}

ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。

ChatGPTがつなげるのは、インターネット上のサーバーだけです:

  1. ウェブ版のChatGPTを開き → Settings → Connectors (Apps)
  2. Create または Add を押す(プランによっては、先に Advanced で Developer mode をオンにする必要があります)
  3. 下のアドレスを貼り付け、名前を付けて保存する
  4. サインインを求められたら、作者のサービスにサインインする
SettingsConnectors1+ Create2https://…3
https://{your_mcp_server_host}/mcp

アドレスには、あなたしか知らない {…} の部分(アカウントなど)があるので、コピーして書き換えてください。

メニューの名前は、プランや時期によって少し違うことがあります。

選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。

自分で入力する値

  • 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に従ってください。

できること

このサーバーのツール一覧はまだ読み取っていません。エンドポイントは順番にチェックしています。

基本チェックi

誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月6日にチェック

  • ✓ 合格

    作者とリポジトリが一致

    レジストリ名は、リポジトリを所有するGitHubアカウント serkan-ozal で確認済みです

  • … 未チェック

    今もメンテナンスされている

    このリポジトリはまだGitHubから読み取っていません

  • … 未チェック

    ライセンスがある

    このリポジトリはまだGitHubから読み取っていません

  • – 対象外

    エンドポイントが応答する

    アドレスにあなた自身のアカウント情報が必要なため、代わりにチェックできません

  • – 対象外

    OAuthでサインイン

    アドレスにあなた自身のアカウント情報が必要なため、代わりにチェックできません

  • … 未チェック

    ツールの説明に隠れた指示がない

    まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります

ウェブ・ブラウザのほかのサーバーとの比較i

  • このカテゴリのほかの878件のうち0%よりスターが多い
  • このカテゴリのほかの878件のうち11%より最近レジストリに公開
  • 基本チェックの結果が、このカテゴリのほかの878件のうち100%と同じかそれ以上

レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。

よくある質問

Browser DevTools MCPは安全ですか?

当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。

どんなキーやコードが必要ですか?

入力が必要なもの:OTEL_EXPORTER_HTTP_HEADERS, FIGMA_ACCESS_TOKEN

パソコンで動きますか、それともクラウドですか?

どちらでも使えます。パソコンにインストールしても、クラウド版につないでもかまいません。

今もメンテナンスされていますか?

GitHubリポジトリの最終更新は–、最新バージョン(0.9.1)がレジストリに届いたのは6 か月前です。

どのアプリで使えますか?

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ(開発者モードのChatGPTなど)でも使えます。

代わりに使えるものは?

同じカテゴリには:Browser Use, Chrome DevTools MCP, MCP Server Browser

代わりの候補

同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。

カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i

Browser Use

作者:browser-use

Browser agents and stealth cloud browsers for AI: run web tasks, fill forms, extract data.

パソコンでもクラウドでも★ 120,087MIT17 日前更新
インストール

作者のREADME

リポジトリにREADMEが見つかりません

PopNxに聞く