ต้นแบบ · รุ่นทดลอง: มีทุก server ในทะเบียนทางการ อัปเดตทุก 30 นาที รีวิวและบัญชีผู้ใช้จะมาในขั้นถัดไป
PopNx MCPที่รวม MCP สำหรับคนใช้ AI · อธิบายเป็นภาษาคน

Browser DevTools MCP

โดย serkan-ozalรุ่น 0.9.1i★ –iบนเครื่องหรือคลาวด์
ชื่อใน registryio.github.serkan-ozal/browser-devtools-mcp

ติดตั้ง

ภาพรวม

คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)

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

สามเสาของ PopNx MCP

สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน

ใช้ทำอะไรได้

ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry

  • การเชื่อมต่อ: บนเครื่องหรือคลาวด์
  • ช่องทาง (transport): 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

ค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต

ต้องเตรียมก่อน

  • รันบนคลาวด์ไม่ต้องลงโปรแกรมเพิ่ม ต่อผ่านอินเทอร์เน็ตได้เลย
  • npmติดตั้ง Node.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": "ใส่ค่าของคุณ",
        "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": "ใส่ค่าของคุณ"
      }
    }
  }
}

พิมพ์คำสั่งนี้ใน Terminal

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

หรือรันในเครื่องคุณ

claude mcp add browser-devtools --env PLATFORM='ใส่ค่าของคุณ' --env PORT='ใส่ค่าของคุณ' --env SESSION_IDLE_SECONDS='ใส่ค่าของคุณ' --env SESSION_IDLE_CHECK_SECONDS='ใส่ค่าของคุณ' --env SESSION_CLOSE_ON_SOCKET_CLOSE='ใส่ค่าของคุณ' --env CONSOLE_MESSAGES_BUFFER_SIZE='ใส่ค่าของคุณ' --env HTTP_REQUESTS_BUFFER_SIZE='ใส่ค่าของคุณ' --env BROWSER_SERVER_INSTRUCTIONS_ENABLE='ใส่ค่าของคุณ' --env BROWSER_POLICY_UI_DEBUGGING_ENABLE='ใส่ค่าของคุณ' --env BROWSER_HEADLESS_ENABLE='ใส่ค่าของคุณ' --env BROWSER_PERSISTENT_ENABLE='ใส่ค่าของคุณ' --env BROWSER_CDP_ENDPOINT_URL='ใส่ค่าของคุณ' --env BROWSER_CDP_ENABLE='ใส่ค่าของคุณ' --env BROWSER_CDP_OPEN_INSPECT='ใส่ค่าของคุณ' --env BROWSER_PERSISTENT_USER_DATA_DIR='ใส่ค่าของคุณ' --env BROWSER_USE_INSTALLED_ON_SYSTEM='ใส่ค่าของคุณ' --env BROWSER_EXECUTABLE_PATH='ใส่ค่าของคุณ' --env BROWSER_CHROMIUM_SANDBOX='ใส่ค่าของคุณ' --env BROWSER_LAUNCH_ARGS='ใส่ค่าของคุณ' --env BROWSER_ALLOWED_DOMAINS='ใส่ค่าของคุณ' --env BROWSER_LOCALE='ใส่ค่าของคุณ' --env OTEL_ENABLE='ใส่ค่าของคุณ' --env OTEL_SERVICE_NAME='ใส่ค่าของคุณ' --env OTEL_SERVICE_VERSION='ใส่ค่าของคุณ' --env OTEL_ASSETS_DIR='ใส่ค่าของคุณ' --env OTEL_INSTRUMENTATION_USER_INTERACTION_EVENTS='ใส่ค่าของคุณ' --env OTEL_EXPORTER_TYPE='ใส่ค่าของคุณ' --env OTEL_EXPORTER_HTTP_URL='ใส่ค่าของคุณ' --env OTEL_EXPORTER_HTTP_HEADERS='ใส่ค่าของคุณ' --env AWS_REGION='ใส่ค่าของคุณ' --env AWS_PROFILE='ใส่ค่าของคุณ' --env AMAZON_BEDROCK_ENABLE='ใส่ค่าของคุณ' --env AMAZON_BEDROCK_IMAGE_EMBED_MODEL_ID='ใส่ค่าของคุณ' --env AMAZON_BEDROCK_TEXT_EMBED_MODEL_ID='ใส่ค่าของคุณ' --env AMAZON_BEDROCK_VISION_MODEL_ID='ใส่ค่าของคุณ' --env FIGMA_ACCESS_TOKEN='ใส่ค่าของคุณ' --env FIGMA_API_BASE_URL='ใส่ค่าของคุณ' --env DAEMON_PORT='ใส่ค่าของคุณ' --env DAEMON_SESSION_IDLE_SECONDS='ใส่ค่าของคุณ' --env DAEMON_SESSION_IDLE_CHECK_SECONDS='ใส่ค่าของคุณ' --env NODE_SERVER_INSTRUCTIONS_ENABLE='ใส่ค่าของคุณ' --env NODE_POLICY_DEBUGGING_ENABLE='ใส่ค่าของคุณ' --env NODE_INSPECTOR_HOST='ใส่ค่าของคุณ' --env TOOL_OUTPUT_SCHEMA_DISABLE='ใส่ค่าของคุณ' --env AVAILABLE_TOOL_DOMAINS='ใส่ค่าของคุณ' --env WORKING_DIR='ใส่ค่าของคุณ' --env SEARCH_STRATEGY='ใส่ค่าของคุณ' --env SCENARIO_SEARCH_STRATEGY='ใส่ค่าของคุณ' -- 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": "ใส่ค่าของคุณ",
        "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": "ใส่ค่าของคุณ"
      }
    }
  }
}

เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง

ที่อยู่มีส่วน {…} ที่มีแต่คุณรู้ (เช่นบัญชีของคุณ) ให้คัดลอกไปแก้ก่อน

หรือคัดลอกค่าตั้งเอง

วางในไฟล์ .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": "ใส่ค่าของคุณ",
        "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": "ใส่ค่าของคุณ"
      }
    }
  }
}

เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง

ChatGPT ต่อได้เฉพาะ server ที่อยู่บนอินเทอร์เน็ต:

  1. เปิด ChatGPT บนเว็บ → Settings → Connectors (Apps)
  2. กด Create หรือ Add (บางแพ็กเกจต้องเปิด Developer mode ใน Advanced ก่อน)
  3. วางที่อยู่ด้านล่าง ตั้งชื่อ แล้วบันทึก
  4. ถ้าให้ล็อกอิน ให้ล็อกอินกับผู้ทำ
SettingsConnectors1+ Create2https://…3
https://{your_mcp_server_host}/mcp

ที่อยู่มีส่วน {…} ที่มีแต่คุณรู้ (เช่นบัญชีของคุณ) ให้คัดลอกไปแก้ก่อน

ชื่อเมนูอาจต่างกันเล็กน้อยตามแพ็กเกจและรุ่นของแอป

ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี

ค่าที่ต้องใส่เอง

  • 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.

ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README

ทำอะไรได้บ้าง

ยังไม่ได้อ่านรายการเครื่องมือของตัวนี้ เราตรวจ endpoint ทีละชุดวนไป

ผลตรวจเบื้องต้นi

เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569

  • ✓ ผ่าน

    ตัวตนผู้ทำตรงกับ repo

    ชื่อใน registry ยืนยันด้วยบัญชี GitHub serkan-ozal ซึ่งเป็นเจ้าของ repo

  • … ยังไม่ตรวจ

    ยังมีคนดูแล

    ยังไม่ได้อ่านข้อมูล repo จาก GitHub

  • … ยังไม่ตรวจ

    มีสัญญาอนุญาต (license)

    ยังไม่ได้อ่านข้อมูล repo จาก GitHub

  • – ไม่เกี่ยว

    endpoint ตอบ

    ต้องใส่ค่าของบัญชีคุณในที่อยู่ก่อน จึงตรวจแทนไม่ได้

  • – ไม่เกี่ยว

    ล็อกอินแบบ OAuth

    ต้องใส่ค่าของบัญชีคุณในที่อยู่ก่อน จึงตรวจแทนไม่ได้

  • … ยังไม่ตรวจ

    คำอธิบายเครื่องมือไม่มีคำสั่งแอบแฝง

    ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint

เทียบกับตัวอื่นในหมวด เว็บและเบราว์เซอร์i

  • ดาวมากกว่า 0% ของอีก 878 ตัวในหมวดนี้
  • ส่งรุ่นใหม่เข้า registry ล่าสุดกว่า 11% ของอีก 878 ตัวในหมวดนี้
  • ผลตรวจเบื้องต้นดีกว่าหรือเท่ากับ 100% ของอีก 878 ตัวในหมวดนี้

เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo

คำถามที่พบบ่อย

Browser DevTools MCP ปลอดภัยไหม?

จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น

ต้องใช้กุญแจหรือรหัสอะไรบ้าง?

ต้องใส่ค่าเหล่านี้: OTEL_EXPORTER_HTTP_HEADERS, FIGMA_ACCESS_TOKEN

ตัวนี้รันบนเครื่องหรือบนคลาวด์?

ได้ทั้งสองแบบ จะลงในเครื่องหรือต่อผ่านคลาวด์ก็ได้

ยังมีคนดูแลอยู่ไหม?

repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.9.1) เข้า registry 6 เดือนที่ผ่านมา

ใช้กับโปรแกรมไหนได้บ้าง?

โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา

มีตัวไหนใช้แทนได้บ้าง?

ในหมวดเดียวกันมี Browser Use, Chrome DevTools MCP, MCP Server Browser

ตัวที่ใช้แทนได้

server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว

อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi

Browser Use

โดย browser-use

ให้ AI ทำงานบนเว็บแทนคุณ เช่น กรอกฟอร์ม ค้นหา และดึงข้อมูล ใช้เบราว์เซอร์บนคลาวด์ของผู้ทำหรือรันในเครื่องก็ได้

บนเครื่องหรือคลาวด์★ 120,087MITอัปเดต 17 วันที่ผ่านมา
ติดตั้ง

Chrome DevTools MCP

โดย ChromeDevTools

ให้ AI ใช้เครื่องมือนักพัฒนาของ Chrome ตรวจหน้าเว็บ ดูว่าโหลดช้าตรงไหน และหาข้อผิดพลาด ทำโดยทีม Chrome DevTools

รันบนเครื่อง★ 54,821Apache-2.0อัปเดต 15 วันที่ผ่านมา
ติดตั้ง

MCP Server Browser

โดย bytedance

MCP server for browser use access

รันบนเครื่อง★ 39,550Apache-2.0อัปเดต 14 เดือนที่ผ่านมา
ติดตั้ง

README จากผู้ทำ

ไม่พบ README ใน repo

ถาม PopNx