Browser Use
ให้ AI ทำงานบนเว็บแทนคุณ เช่น กรอกฟอร์ม ค้นหา และดึงข้อมูล ใช้เบราว์เซอร์บนคลาวด์ของผู้ทำหรือรันในเครื่องก็ได้
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
MCP server with WebdriverIO for browser and mobile app automation (iOS/Android via Appium)
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"webdriverio": {
"command": "npx",
"args": [
"-y",
"@wdio/mcp"
]
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add webdriverio -- npx -y @wdio/mcpวางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"webdriverio": {
"command": "npx",
"args": [
"-y",
"@wdio/mcp"
]
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"webdriverio": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@wdio/mcp"
]
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
ค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub webdriverio ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (4.1.0) เข้า registry 7 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี Browser Use, Chrome DevTools MCP, MCP Server Browser
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
ให้ AI ทำงานบนเว็บแทนคุณ เช่น กรอกฟอร์ม ค้นหา และดึงข้อมูล ใช้เบราว์เซอร์บนคลาวด์ของผู้ทำหรือรันในเครื่องก็ได้
ให้ AI ใช้เครื่องมือนักพัฒนาของ Chrome ตรวจหน้าเว็บ ดูว่าโหลดช้าตรงไหน และหาข้อผิดพลาด ทำโดยทีม Chrome DevTools
MCP server for browser use access
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
A Model Context Protocol (MCP) server that enables AI assistants to interact with web browsers, local Electron applications, and mobile applications using WebdriverIO. Automate Chrome, Firefox, Edge, Safari, Electron, iOS, and Android through a unified interface.
Add the following configuration to your MCP client settings:
Standard config (works in most clients):
{
"mcpServers": { "wdio-mcp": { "command": "npx", "args": [ "-y", "@wdio/mcp@latest" ] } } }
Claude Desktop
Edit ~/Library/Application Support/Claude/claude_desktop_config.json (macOS), %APPDATA%\Claude\claude_desktop_config.json (Windows), or ~/.config/Claude/claude_desktop_config.json (Linux):
{
"mcpServers": { "wdio-mcp": { "command": "npx", "args": [ "-y", "@wdio/mcp@latest" ] } } }
Claude Code
claude mcp add wdio-mcp -- npx -y @wdio/mcp@latest
Cline
Add to your VS Code settings.json or cline_mcp_settings.json file:
{
"mcpServers": { "wdio-mcp": { "type": "stdio", "command": "npx", "args": [ "-y", "@wdio/mcp@latest" ] } } }
Cursor
Go to Cursor Settings → MCP → Add new MCP Server, or create .cursor/mcp.json:
{
"mcpServers": { "wdio-mcp": { "command": "npx", "args": [ "-y", "@wdio/mcp@latest" ] } } }
Codex
Use the Codex CLI:
codex mcp add wdio-mcp npx "@wdio/mcp@latest"
Or edit ~/.codex/config.toml:
[mcp_servers.wdio-mcp]
command = "npx" args = ["@wdio/mcp@latest"]
Goose
Go to Advanced settings → Extensions → Add custom extension, or run:
goose configure
Or edit ~/.config/goose/config.yaml:
extensions:
wdio-mcp: name: WebDriverIO MCP cmd: npx args: [ -y, "@wdio/mcp@latest" ] enabled: true type: stdio
Windsurf
Edit ~/.codeium/windsurf/mcp_config.json:
{
"mcpServers": { "wdio-mcp": { "command": "npx", "args": [ "-y", "@wdio/mcp@latest" ] } } }
Zed
Edit Zed settings (~/.config/zed/settings.json):
{
"context_servers": { "wdio-mcp": { "source": "custom", "command": "npx", "args": [ "-y", "@wdio/mcp@latest" ] } } }
VS Code (Copilot)
code --add-mcp '{"name":"wdio-mcp","command":"npx","args":["-y","@wdio/mcp@latest"]}'
⚠️ Restart Required: After adding the configuration, fully restart your MCP client to apply the changes.
If you prefer to install globally:
npm install -g @wdio/mcp
Then use wdio-mcp as the command:
{
"mcpServers": { "wdio-mcp": { "command": "wdio-mcp" } } }
📖 Need help? Follow the MCP install guide.
By default the server uses stdio (subprocess) transport. For clients that cannot launch subprocesses (e.g. llama.cpp, OpenAI Codex secure mode), enable HTTP transport:
npx @wdio/mcp --http --port 3000
| Flag | Default | Description |
|---|---|---|
--http | — | Enable HTTP transport mode |
--port | 3000 | Port to listen on |
--allowedHosts | localhost,127.0.0.1,::1 | Allowed Host header values (DNS rebinding protection) |
--allowedOrigins | _(none — browser clients blocked)_ | Allowed Origin values for CORS. Use * to allow all. |
Then point your MCP client at http://localhost:3000/mcp.
npm install -g appiumappium driver install xcuitest (requires Xcode on macOS)appium driver install uiautomator2 (requires Android Studio)Start the Appium server before using mobile features:
appium
Run browser and mobile app tests on cloud real devices and browsers without any local setup. Currently supports BrowserStack, Sauce Labs, LambdaTest, TestingBot, and Digital.ai Testing.
Set your provider credentials as environment variables or in your MCP client config:
BrowserStack
export BROWSERSTACK_USERNAME=your_username
export BROWSERSTACK_ACCESS_KEY=your_access_key
{
"mcpServers": { "wdio-mcp": { "command": "npx", "args": ["-y", "@wdio/mcp@latest"], "env": { "BROWSERSTACK_USERNAME": "your_username", "BROWSERSTACK_ACCESS_KEY": "your_access_key" } } } }
Sauce Labs
export SAUCE_USERNAME=your_username
export SAUCE_ACCESS_KEY=your_access_key
{
"mcpServers": { "wdio-mcp": { "command": "npx", "args": ["-y", "@wdio/mcp@latest"], "env": { "SAUCE_USERNAME": "your_username", "SAUCE_ACCESS_KEY": "your_access_key" } } } }
| SAUCE_USERNAME | Sauce Labs username (required) | | SAUCE_ACCESS_KEY | Sauce Labs access key (required) |
The data center is set per-session via the region parameter in start_session (defaults to eu-central-1).
LambdaTest (TestMu)
export TESTMU_USERNAME=your_username
export TESTMU_ACCESS_KEY=your_access_key
{
"mcpServers": { "wdio-mcp": { "command": "npx", "args": ["-y", "@wdio/mcp@latest"], "env": { "TESTMU_USERNAME": "your_username", "TESTMU_ACCESS_KEY": "your_access_key" } } } }
| TESTMU_USERNAME | LambdaTest username (required) | | TESTMU_ACCESS_KEY | LambdaTest access key (required) |
TestingBot
export TESTINGBOT_KEY=your_key
export TESTINGBOT_SECRET=your_secret
{
"mcpServers": { "wdio-mcp": { "command": "npx", "args": ["-y", "@wdio/mcp@latest"], "env": { "TESTINGBOT_KEY": "your_key", "TESTINGBOT_SECRET": "your_secret" } } } }
| TESTINGBOT_KEY | TestingBot key (required) | | TESTINGBOT_SECRET | TestingBot secret (required) |
Digital.ai Testing
export DIGITALAI_CLOUD_URL=https://your-cloud.example.com
export DIGITALAI_ACCESS_KEY=your_access_key
{
"mcpServers": { "wdio-mcp": { "command": "npx", "args": ["-y", "@wdio/mcp@latest"], "env": { "DIGITALAI_CLOUD_URL": "https://your-cloud.example.com", "DIGITALAI_ACCESS_KEY": "your_access_key" } } } }
| DIGITALAI_CLOUD_URL | Digital.ai cloud host, e.g. https://your-cloud.example.com (required) | | DIGITALAI_ACCESS_KEY | Digital.ai access key (required) |
The access key is sent via the digitalai:options capability (mobile) or the flat digitalai:accessKey capability (web).
Report pass/fail status: WebdriverIO defaults to the BiDi protocol, over which Digital.ai's cloud cannot observe command failures — so reports default to "Passed". To make the cloud reflect actual pass/fail, opt in to classic WebDriver per session:
start_session({
provider: 'digitalai', platform: 'browser', browser: 'chrome', os: 'Windows 10', capabilities: { 'wdio:enforceWebDriverClassic': true } })
(Pure client-side assertion failures still report as "Passed" — only failures that reach the cloud as WebDriver command errors are detected.)
Mobile (Appium): configure your Digital.ai project for Appium-server execution and pick its default Appium version via the project's "Manage default Appium server version" setting — the version is chosen at the project level (and tracks the versions your cloud supports), so this MCP does not pin one. See Appium Server Test Execution.
Run a browser on a specific OS/version combination:
// BrowserStack
start_session({ provider: 'browserstack', platform: 'browser', browser: 'chrome', // chrome | firefox | edge | safari browserVersion: 'latest', // default: latest os: 'Windows', // e.g. "Windows", "OS X" osVersion: '11', // e.g. "11", "Sequoia" reporting: { project: 'My Project', build: 'v1.2.0', session: 'Login flow' } })
// Sauce Labs start_session({ provider: 'saucelabs', platform: 'browser', browser: 'chrome', os: 'Windows', // combined with osVersion → platformName osVersion: '11', // e.g. "11", "15" (numbered Mac naming) region: 'eu-central-1', // default: eu-central-1 reporting: { build: 'v1.2.0', session: 'Login flow' } })
// LambdaTest start_session({ provider: 'testmu', platform: 'browser', browser: 'chrome', os: 'Windows', // combined with osVersion → platformName osVersion: '11', // e.g. "11", "Sequoia" (optional) reporting: { project: 'My Project', build: 'v1.2.0', session: 'Login flo
ตัดมาแค่ช่วงต้น อ่านต่อใน repo