Browser Use
ให้ AI ทำงานบนเว็บแทนคุณ เช่น กรอกฟอร์ม ค้นหา และดึงข้อมูล ใช้เบราว์เซอร์บนคลาวด์ของผู้ทำหรือรันในเครื่องก็ได้
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Capture website screenshots (viewport or full page) with local Chrome, or on OpenScreenShot Cloud.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
CHROME_PATH, OPENSCREENSHOT_API_KEY, OPENSCREENSHOT_CLOUD_URL, Authorizationค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"openscreenshot": {
"command": "npx",
"args": [
"-y",
"openscreenshot"
],
"env": {
"CHROME_PATH": "ใส่ค่าของคุณ",
"OPENSCREENSHOT_API_KEY": "ใส่ค่าของคุณ",
"OPENSCREENSHOT_CLOUD_URL": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add --transport http openscreenshot https://cloud.openscreenshot.app/mcp --header 'Authorization: ใส่ค่าของคุณ'claude mcp add openscreenshot --env CHROME_PATH='ใส่ค่าของคุณ' --env OPENSCREENSHOT_API_KEY='ใส่ค่าของคุณ' --env OPENSCREENSHOT_CLOUD_URL='ใส่ค่าของคุณ' -- npx -y openscreenshotเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"openscreenshot": {
"url": "https://cloud.openscreenshot.app/mcp",
"headers": {
"Authorization": "ใส่ค่าของคุณ"
}
}
}
}วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"openscreenshot": {
"command": "npx",
"args": [
"-y",
"openscreenshot"
],
"env": {
"CHROME_PATH": "ใส่ค่าของคุณ",
"OPENSCREENSHOT_API_KEY": "ใส่ค่าของคุณ",
"OPENSCREENSHOT_CLOUD_URL": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"openscreenshot": {
"type": "http",
"url": "https://cloud.openscreenshot.app/mcp",
"headers": {
"Authorization": "ใส่ค่าของคุณ"
}
}
}
}วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"openscreenshot": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"openscreenshot"
],
"env": {
"CHROME_PATH": "ใส่ค่าของคุณ",
"OPENSCREENSHOT_API_KEY": "ใส่ค่าของคุณ",
"OPENSCREENSHOT_CLOUD_URL": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ที่อยู่นี้ต้องใส่ key ใน header ของคำขอ ซึ่งเมนูเพิ่ม connector ใส่ให้ไม่ได้ ใช้ Claude Code, Cursor หรือ VS Code แทน
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
CHROME_PATH envOPENSCREENSHOT_CLOUD_URL envAuthorization ความลับ จำเป็น HTTP headerค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
ยังไม่ได้อ่านรายการเครื่องมือของตัวนี้ เราตรวจ endpoint ทีละชุดวนไป
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 6 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub PGHQdev ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราตรวจ endpoint ทีละชุดวนไป
ยังไม่ได้ตรวจ เราอ่านรายการเครื่องมือตอนตรวจ endpoint
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: OPENSCREENSHOT_API_KEY, Authorization
ได้ทั้งสองแบบ จะลงในเครื่องหรือต่อผ่านคลาวด์ก็ได้
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (2.5.2) เข้า registry 16 วันที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต่อผ่าน URL จึงใช้กับโปรแกรมที่รับ remote MCP ได้ เช่น ChatGPT ที่เปิดโหมดนักพัฒนา
ในหมวดเดียวกันมี 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Website screenshots from your terminal, your CI, or your AI agent.
A local CLI and MCP server. It drives the Chrome already on your machine.
Local by default, with no account and no API key. OpenScreenShot Cloud is optional.
Website · CLI guide · MCP guide · Report a bug
npx openscreenshot shot https://example.com --out example.png --full
That opens a headless Chrome, loads the page, saves a full-page PNG, and closes the browser.
You need: Node.js 22.12 or newer, and Google Chrome, Chromium, or Microsoft Edge. The package ships no browser of its own, so the install stays small.
| Package manager | Run once | Install globally |
|---|---|---|
| npm | npx openscreenshot shot | npm i -g openscreenshot |
| pnpm | pnpm dlx openscreenshot shot | pnpm add -g openscreenshot |
| Bun | bunx openscreenshot shot | bun add -g openscreenshot |
Install globally to use the openscreenshot command everywhere. For CI, add it to the project instead (npm i -D openscreenshot), so each run uses the version in your lockfile.
openscreenshot shot <url> [--out <file>|-] [--full] [--width <n>] [--height <n>]
[--redact ]... [--redact-pattern ]... [--redact-rect ]... [--cloud [ ]] [--key ] [--format ] openscreenshot auth login [--cloud ] openscreenshot auth logout openscreenshot serve
| Option | Default | What it does |
|---|---|---|
| required | The page to capture. Use a full URL with https://. |
--out | screenshot.png | Where to write the PNG. Use - to write bytes to stdout. |
--full | off | Capture the whole scrollable page, not only the viewport. |
--width | 1280 | Viewport width in pixels, from 200 to 3840. |
--height | 800 | Viewport height in pixels, from 200 to 2160. |
--redact | none | Cover the elements that match a CSS selector. Repeat for more. |
--redact-pattern | none | Cover text that matches email, phone, or secret. Repeat, or use a comma list. |
--redact-rect | none | Cover a rectangle, in pixels of the output image. Repeat for more. |
--cloud [ ] | off | Render on OpenScreenShot Cloud. See Cloud. |
--key | none | Cloud API key (osc_live_…) for this run. |
--format | png | With --cloud: png, jpeg, webp, pdf, html, or markdown. |
# Full page
openscreenshot shot https://example.com --out page.png --full
openscreenshot shot https://example.com --out desktop.png --width 1440 --height 900
openscreenshot shot https://example.com --out narrow.png --width 390 --height 844
openscreenshot shot https://example.com --out - > shot.png
openscreenshot shot https://example.com --out safe.png --redact "#account-menu" --redact-pattern email --redact-rect 0,0,200,40
See Redaction for how it works and what it can miss.
Local output is always PNG. A .jpg or .pdf file name does not convert it. For other formats, use --cloud with --format.
A narrow viewport changes the layout width only. The CLI keeps a desktop user agent, so it does not emulate a phone's touch input or pixel ratio.
| Code | Meaning |
|---|---|
0 | The file was written. |
1 | The capture failed, for example Chrome not found or a timeout. |
2 | Bad usage or an option out of range. |
Exit code 0 means the CLI saved the file. It does not prove that the page loaded correctly, so look at the image for error pages or loading spinners.
openscreenshot with no arguments on a piped stdin starts a Model Context Protocol server over stdio, which is how an MCP client runs it. openscreenshot serve does the same and stays for existing configs. Your AI client starts it as a local process; there is no URL to enter.
Clients that use an mcpServers object (Claude Desktop, Cursor, Windsurf, and others):
{
"mcpServers": { "openscreenshot": { "command": "npx", "args": ["-y", "openscreenshot"] } } }
Claude Code:
claude mcp add openscreenshot -- npx -y openscreenshot
Restart or reload the client after you save the config. The client must find npx (or pnpm, bunx) on its PATH.
capture_screenshot| Input | Type | Default | Notes |
|---|---|---|---|
url | string | — | Required. A full page URL. |
fullPage | boolean | false | Capture the whole page. |
width | integer | 1280 | 200 to 3840. |
height | integer | 800 | 200 to 2160. |
redact | object | — | Optional. See below. |
cloud | boolean | false | Render on Cloud. See Cloud. |
{ "url": "https://example.com", "fullPage": true, "width": 1440, "height": 900 }
redact has three optional lists:
| Field | Type | What it covers | ||
|---|---|---|---|---|
selectors | string[] | Elements that match each CSS selector. | ||
patterns | ("email" \ | "phone" \ | "secret")[] | Matching text in the page and in form values. |
rects | { x, y, width, height }[] | Rectangles, in pixels of the output image. |
{
"url": "https://example.com", "redact": { "selectors": ["#account-menu"], "patterns": ["email", "secret"], "rects": [{ "x": 0, "y": 0, "width": 200, "height": 40 }] } }
The tool returns the PNG as MCP image content (image/png). It does not write a file. To save a named file, use the CLI.
Redaction puts black boxes over the targets in the page, and then takes the screenshot. The unredacted pixels never get into the PNG, so they never get to your MCP client or to a hosted model.
email finds email addresses. phone finds numbers with 9 to 15 digits. secret finds common API key and token shapes (OpenAI, Anthropic, Stripe, GitHub, AWS, Slack, Google, JWT). It also finds any run of 32 or more letters, digits, and underscores that has both a letter and a digit, such as a hash. Patterns look in text and in the values of input, textarea, and select fields.When redaction is on, the tool pauses CSS animations, places the boxes, and takes the screenshot. Then it finds the targets again. If a target moved out of its box, the capture fails. A failed capture writes no file and returns no image.
Patterns can miss text. They do not find text split across elements, text drawn in a canvas or an image, or a format they do not know. They can also cover text that only looks like a match. Look at the image before you share it.
Each capture starts a fresh headless browser with an empty profile.
localhost dev servers.networkidle2), for up to 30 seconds.For signed-in pages, annotations, or PDF export, use the OpenScreenShot browser extension for Chrome and Firefox.
OpenScreenShot Cloud is a hosted screenshot API. It renders the page on Cloud servers, so you do not need Chrome on the machine. Local mode stays the default and needs no account.
The free plan gives 100 captures per month and needs no card. A failed capture is free. Paid plans are on the pricing page.
openscreenshot auth login
The command prints a code, such as ABCD-EFGH, and opens https://cloud.openscreenshot.app/device in your browser. Sign in with the code that Cloud sends to your email, and approve the code. The CLI then stores an API key in ~/.openscreenshot.json. To use another Cloud base URL, add --cloud . openscreenshot auth logout removes the stored key.
# Full-page PNG, rendered on Cloud
openscreenshot shot https://example.com --out page.png --full --cloud
openscreenshot shot https://example.com --out page.pdf --cloud --format pdf
--format accepts png, jpeg, webp, pdf, html, and markdown. --full, --width, and --height work as in local mode.
The CLI uses the first API key that it finds:
--key osc_live_…OPENSCREENSHOT_API_KEY environment variableauth login storedThe base URL is --cloud , then `OPE
ตัดมาแค่ช่วงต้น อ่านต่อใน repo