Browser Use
ให้ AI ทำงานบนเว็บแทนคุณ เช่น กรอกฟอร์ม ค้นหา และดึงข้อมูล ใช้เบราว์เซอร์บนคลาวด์ของผู้ทำหรือรันในเครื่องก็ได้
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Hands your live Chrome tab to any MCP client — snapshot, navigate, click, type, extract.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
WEBOPERATOR_BRIDGE_PORT, WEBOPERATOR_AGENT_SOCKET, WEBOPERATOR_API_TOKENค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"weboperator": {
"command": "npx",
"args": [
"-y",
"weboperator-mcp"
],
"env": {
"WEBOPERATOR_BRIDGE_PORT": "ใส่ค่าของคุณ",
"WEBOPERATOR_AGENT_SOCKET": "ใส่ค่าของคุณ",
"WEBOPERATOR_API_TOKEN": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add weboperator --env WEBOPERATOR_BRIDGE_PORT='ใส่ค่าของคุณ' --env WEBOPERATOR_AGENT_SOCKET='ใส่ค่าของคุณ' --env WEBOPERATOR_API_TOKEN='ใส่ค่าของคุณ' -- npx -y weboperator-mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"weboperator": {
"command": "npx",
"args": [
"-y",
"weboperator-mcp"
],
"env": {
"WEBOPERATOR_BRIDGE_PORT": "ใส่ค่าของคุณ",
"WEBOPERATOR_AGENT_SOCKET": "ใส่ค่าของคุณ",
"WEBOPERATOR_API_TOKEN": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"weboperator": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"weboperator-mcp"
],
"env": {
"WEBOPERATOR_BRIDGE_PORT": "ใส่ค่าของคุณ",
"WEBOPERATOR_AGENT_SOCKET": "ใส่ค่าของคุณ",
"WEBOPERATOR_API_TOKEN": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
WEBOPERATOR_BRIDGE_PORT envWEBOPERATOR_AGENT_SOCKET envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub KazKozDev ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: WEBOPERATOR_API_TOKEN
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.5.1) เข้า registry 2 เดือนที่ผ่านมา
โปรแกรมที่รองรับ 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Tell Chrome what you want done, in plain English, and let the agent do it.
Most browser agents bring their own browser. WebOperator works the one you are already in: the tab in front of you, with your sessions and logins intact — no separate profile, no re-login, no copying cookies around. The model behind it can be local, served by Ollama or MLX, so the pages you look at never have to leave the machine. And it works in both directions: the local bridge exposes that same live tab over MCP, so Hermes, OpenClaw, or any other agent client can borrow your browser as a tool.
git clone https://github.com/KazKozDev/WebOperator.git
npm --prefix WebOperator/core ci npm --prefix WebOperator/core run build
Your goal, typed once · The agent plans, acts, verifies · Every step visible
Two ways in. If you would rather not touch Node, grab the weboperator-1.5.0-chrome.zip archive from the latest release and unzip it — that folder *is* the built extension.
If you ran the commands above instead, the build lands in core/dist and finishes in well under a second:
vite v8.0.11 building client environment for production...
✓ 101 modules transformed. ✓ built in 189ms
Either way, open chrome://extensions, enable Developer mode, click Load unpacked, and point it at the folder you just got. Press Cmd+Shift+K (Ctrl+Shift+K on Linux) to open the side panel, pick a provider under Settings, and type a goal.
Out of the box the agent talks to Ollama at http://127.0.0.1:11434, so have a tool-capable local model running before your first task — or paste an API key and use a remote provider instead.
WebOperator works the tab you are looking at in a plan → act → verify loop: it writes out a plan you can read, calls one browser tool at a time, and checks each result against a fresh snapshot of the page before moving on.
Summarize the current page
It can navigate, click, type, press keys, scroll, switch tabs, screenshot, and pull out structured text — so the same loop still works when the answer is scattered across half a dozen open tabs.
Compare info across tabs
The side panel streams the plan, every action, and the final answer, and keeps the full trace; history, checkpoints, and scheduled runs each get their own tab. The flip side: the agent only knows what it can actually see in the browser, so anything hidden, paywalled, or geo-blocked simply will not show up in the answer.
Some tasks you want done whether or not you are at the keyboard. Give a schedule a start URL, a goal, and a cadence — once, hourly, daily, or weekly — and Chrome alarms wake the agent on time, even with the side panel closed.
Task name: Morning release check
Start URL: https://github.com/KazKozDev/WebOperator/releases Repeat: daily Goal: Tell me if a new version was published since yesterday
Every run lands in History with its trace, so you can go back afterwards and see exactly what it did. If a run hits something only you can clear — a login wall, a verification challenge — it stops and marks itself needs_user rather than failing quietly.
Your live browser can be somebody else's tool. The local bridge speaks MCP over stdio and exposes ten of them: browser_snapshot, browser_navigate, browser_click, browser_type, browser_press, browser_scroll, browser_screenshot, browser_extract, browser_solve_captcha, and weboperator_execute_goal.
cd weboperator-bridge
./install.sh node mcp-server.js
install.sh registers the Native Messaging host that wires those calls to your active Chrome or Brave tab. Drop-in configs for Hermes and OpenClaw are already in weboperator-bridge/.
A goal arrives from the side panel or from an external MCP agent. From there the service worker runs the show — model calls, task state, retries, verification, schedules, storage. The content script does the hands-on part: it turns the page into an accessibility snapshot with stable element refs, then performs DOM actions against those refs. Whatever the page says is treated as data, never as instructions to follow. Twelve built-in skills sit on top as domain playbooks and kick in when the agent recognizes a matching site or task.
goal → page snapshot → model tool call → verified action → trace
Permissions
To read and act on the page you point it at, the extension asks for plus activeTab/tabs/scripting, and for debugger to reach the DevTools Protocol actions the plain DOM API cannot do. The rest are housekeeping: sidePanel for the UI, storage for settings and history, alarms for scheduled runs, downloads for the file-downloader skill, and nativeMessaging for the MCP bridge. bookmarks and tabGroups are optional and only requested when something actually needs them.
The debugger permission is why Chrome shows a yellow "WebOperator started debugging this browser" bar while an action runs. That bar belongs to Chrome, not to the extension, and it goes away as soon as the agent detaches.
Configuration and requirements
| Option | Default | What it does |
|---|---|---|
| Provider | ollama | Selects Ollama, Anthropic, DeepSeek, Gemini, MLX, OpenAI, an OpenAI-compatible endpoint of your own, OpenRouter, SiliconFlow, or xAI |
| Base URL (OpenAI-compatible) | http://127.0.0.1:8080/v1 | Points the OpenAI-compatible provider at llama.cpp, LM Studio, vLLM, LiteLLM, or any gateway |
| Ollama URL | http://127.0.0.1:11434 | Sets the local Ollama endpoint |
| Screenshot policy | auto | Controls automatic, always-on, or disabled vision |
| Action timeout | 10000 ms | Limits a single browser action attempt |
| Domain allowlist / blocklist | empty | Restricts or rejects tasks by domain when populated |
The bridge listens on 127.0.0.1:8765 and will accept unauthenticated calls until you set WEBOPERATOR_API_TOKEN. Set it. Every bridge variable — bind host, port, socket and log paths — is documented in docs/api.md.
shellcheck, only if you run the full local check gateLimitations
Troubleshooting
OLLAMA_ORIGINS="chrome-extension://phbohkmfojcjbmgfnaikenmgemgckdpg,http://localhost:*" ollama serve. The origin has to be spelled out: Ollama accepts chrome-extension://* into the list and then still answers 403. The id above is fixed by the manifest key, and the side panel's own error message repeats it.core/dist or at the unzipped release folder, not at the repository root.WEBOPERATOR_API_TOKEN on the bridge but the client is not sending it. Add Authorization: Bearer $WEBOPERATOR_API_TOKEN to the request.Bug reports, feature requests and pull requests are all welcome. CONTRIBUTING.md walks through the setup, the eight-step check gate every change has to clear, and the commit conventions. Released versions are listed in CHANGELOG.md.
Found a security problem? Please don't open a public issue — report it privately, the way SECURITY.md describes.
Manual installation, Docker, development setup
Each archive on the releases page ships with a .sha256 beside it, and is built and published by the release workflow from the tagged commit once the full check gate passes.
npm --prefix core ci && npm --prefix core run build, then load the result as an unpacked extension.
There is no Dockerfile or Compose configuration.
npm --prefix core run dev gives you watch builds. ./scripts/check.sh runs the whole gate: fixture evals, bridge smoke test, typecheck, lint, unit tests, dead-code scan, shellcheck, and build.
Issues · LICENSE · API · ARCHITECTURE · Agent protocol · LinkedIn