Browser Use
ให้ AI ทำงานบนเว็บแทนคุณ เช่น กรอกฟอร์ม ค้นหา และดึงข้อมูล ใช้เบราว์เซอร์บนคลาวด์ของผู้ทำหรือรันในเครื่องก็ได้
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Turns any web page into clean Markdown, page metadata and classified links for LLMs.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
WEB_FETCHER_TIMEOUT_MS, WEB_FETCHER_MAX_BYTES, WEB_FETCHER_USER_AGENT, WEB_FETCHER_ALLOW_PRIVATE_HOSTS, WEB_FETCHER_RESPECT_ROBOTSต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"web-fetcher": {
"command": "npx",
"args": [
"-y",
"mcp-server-web-fetcher"
],
"env": {
"WEB_FETCHER_TIMEOUT_MS": "ใส่ค่าของคุณ",
"WEB_FETCHER_MAX_BYTES": "ใส่ค่าของคุณ",
"WEB_FETCHER_USER_AGENT": "ใส่ค่าของคุณ",
"WEB_FETCHER_ALLOW_PRIVATE_HOSTS": "ใส่ค่าของคุณ",
"WEB_FETCHER_RESPECT_ROBOTS": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add web-fetcher --env WEB_FETCHER_TIMEOUT_MS='ใส่ค่าของคุณ' --env WEB_FETCHER_MAX_BYTES='ใส่ค่าของคุณ' --env WEB_FETCHER_USER_AGENT='ใส่ค่าของคุณ' --env WEB_FETCHER_ALLOW_PRIVATE_HOSTS='ใส่ค่าของคุณ' --env WEB_FETCHER_RESPECT_ROBOTS='ใส่ค่าของคุณ' -- npx -y mcp-server-web-fetcherเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"web-fetcher": {
"command": "npx",
"args": [
"-y",
"mcp-server-web-fetcher"
],
"env": {
"WEB_FETCHER_TIMEOUT_MS": "ใส่ค่าของคุณ",
"WEB_FETCHER_MAX_BYTES": "ใส่ค่าของคุณ",
"WEB_FETCHER_USER_AGENT": "ใส่ค่าของคุณ",
"WEB_FETCHER_ALLOW_PRIVATE_HOSTS": "ใส่ค่าของคุณ",
"WEB_FETCHER_RESPECT_ROBOTS": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"web-fetcher": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"mcp-server-web-fetcher"
],
"env": {
"WEB_FETCHER_TIMEOUT_MS": "ใส่ค่าของคุณ",
"WEB_FETCHER_MAX_BYTES": "ใส่ค่าของคุณ",
"WEB_FETCHER_USER_AGENT": "ใส่ค่าของคุณ",
"WEB_FETCHER_ALLOW_PRIVATE_HOSTS": "ใส่ค่าของคุณ",
"WEB_FETCHER_RESPECT_ROBOTS": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
WEB_FETCHER_TIMEOUT_MS envWEB_FETCHER_MAX_BYTES envWEB_FETCHER_USER_AGENT envWEB_FETCHER_ALLOW_PRIVATE_HOSTS envWEB_FETCHER_RESPECT_ROBOTS envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 8 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub vojtisprime11 ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.1.0) เข้า registry 3 เดือนที่ผ่านมา
โปรแกรมที่รองรับ 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 fast, dependency-light Model Context Protocol server that turns any web page into something a language model can actually read: clean Markdown, structured metadata, and a classified list of links.
Web pages are 90% chrome. Scripts, cookie banners, navigation, sidebars and tracking pixels burn context and derail reasoning. This server strips all of that on the way in, so the model sees the article and nothing else.
┌────────────┐ stdio/JSON-RPC ┌──────────────────────┐ HTTPS ┌──────────┐
│ MCP client │ ─────────────────► │ mcp-server-web- │ ────────► │ web page │ │ (Claude, │ ◄───────────────── │ fetcher │ ◄──────── │ │ │ Kiro, …) │ Markdown + JSON │ fetch → clean → md │ └──────────┘ └────────────┘ └──────────────────────┘
startIndex / nextStartIndex instead of being silently cut in half.lang, author, publish/modify dates, Open Graph, Twitter cards, JSON-LD, hreflang alternates, RSS/Atom feeds, h1–h6 outline and raw HTTP headers.rel, nofollow, internal vs external classification, scope filters, de-duplication.code (TIMEOUT, HTTP_ERROR, BLOCKED_HOST, RESPONSE_TOO_LARGE, …), a retryability flag and a recovery hint, so the model can self-correct instead of guessing.outputSchema, so clients get validated structuredContent, not prose they have to re-parse.robots.txt enforcement.Requires Node.js 20.18.1 or newer (inherited from cheerio, which needs undici 7).
# run it without installing
npx -y mcp-server-web-fetcher
npm install -g mcp-server-web-fetcher mcp-server-web-fetcher
The server speaks MCP over stdio, so on its own it just waits for a client. Point a client at it:
~/Library/Application Support/Claude/claude_desktop_config.json on macOS, %APPDATA%\Claude\claude_desktop_config.json on Windows:
{
"mcpServers": { "web-fetcher": { "command": "npx", "args": ["-y", "mcp-server-web-fetcher"] } } }
With configuration, using a global install:
{
"mcpServers": { "web-fetcher": { "command": "mcp-server-web-fetcher", "env": { "WEB_FETCHER_TIMEOUT_MS": "20000", "WEB_FETCHER_RESPECT_ROBOTS": "true" } } } }
Restart Claude Desktop, then ask it to summarise a URL.
claude mcp add web-fetcher -- npx -y mcp-server-web-fetcher
Same shape, in .kiro/settings/mcp.json / the client's MCP config file:
{
"mcpServers": { "web-fetcher": { "command": "npx", "args": ["-y", "mcp-server-web-fetcher"], "disabled": false, "autoApprove": ["fetch_page_markdown", "extract_metadata", "extract_links"] } } }
The server is listed in the official MCP Registry as io.github.vojtisprime11/web-fetcher, so clients that read the registry can discover it directly:
curl "https://registry.modelcontextprotocol.io/v0.1/servers?search=io.github.vojtisprime11/web-fetcher"
docker build -t mcp-server-web-fetcher .
{
"mcpServers": { "web-fetcher": { "command": "docker", "args": ["run", "--rm", "-i", "mcp-server-web-fetcher"] } } }
The image runs as the unprivileged node user and carries production dependencies only. CI builds it and drives it with a real MCP client, so it is verified to start and answer introspection.
git clone https://github.com/vojtisprime11/mcp-server-web-fetcher.git
cd mcp-server-web-fetcher npm install npm run build node dist/index.js # or: npm run inspect
{
"mcpServers": { "web-fetcher": { "command": "node", "args": ["/absolute/path/to/mcp-server-web-fetcher/dist/index.js"] } } }
All three tools are read-only, idempotent and open-world (annotated as such in the protocol), and all take an absolute http(s) URL.
fetch_page_markdownDownloads a page and returns clean, LLM-friendly Markdown.
| Parameter | Type | Default | Description |
|---|---|---|---|
url | string | required | Absolute http(s) URL. |
maxLength | integer 500–1000000 | 25000 | Markdown characters to return per call. |
startIndex | integer ≥ 0 | 0 | Character offset; use nextStartIndex from the previous call. |
mainContentOnly | boolean | true | Drop nav/header/footer/sidebar, keep the densest block. |
includeLinks | boolean | true | Keep Markdown links (false inlines the text only). |
includeImages | boolean | false | Keep images as . |
includeMetadata | boolean | true | Attach a short metadata summary. |
timeoutMs | integer 1000–120000 | env / 15000 | Per-request timeout. |
Request:
{
"name": "fetch_page_markdown", "arguments": { "url": "https://example.com/blog/caching", "maxLength": 8000, "mainContentOnly": true, "includeImages": false } }
structuredContent:
{
"url": "https://example.com/blog/caching", "requestedUrl": "https://example.com/blog/caching", "status": 200, "contentType": "text/html; charset=utf-8", "title": "How caching works", "markdown": "# How caching works\n\nCaching is the art of not doing work twice...", "markdownLength": 7984, "totalLength": 21874, "startIndex": 0, "endIndex": 7984, "nextStartIndex": 7984, "truncated": true, "wordCount": 1203, "bytesDownloaded": 148213, "elapsedMs": 412, "fromCache": false, "redirects": [], "metadata": { "title": "How caching works", "description": "A deep dive into HTTP caching.", "canonical": "https://example.com/blog/caching", "language": "en", "author": "Ada Lovelace", "publishedTime": "2026-01-15T09:00:00Z" } }
To read the rest, call again with "startIndex": 7984. Keep going while nextStartIndex is not null.
extract_metadataEverything a model needs to classify a page, without spending context on its body.
| Parameter | Type | Default | Description |
|---|---|---|---|
url | string | required | Absolute http(s) URL. |
includeJsonLd | boolean | true | Include parsed JSON-LD blocks (malformed ones are skipped). |
includeHeadings | boolean | true | Include the h1–h6 outline. |
includeHttpHeaders | boolean | true | Include response headers, lower-cased. |
timeoutMs | integer 1000–120000 | env / 15000 | Per-request timeout. |
{
"name": "extract_metadata", "arguments": { "url": "https://example.com/blog/caching", "includeJsonLd": true } }
structuredContent (abridged):
{
"url": "https://example.com/blog/caching", "status": 200, "charset": "utf-8", "title": "How caching works", "description": "A deep dive into HTTP caching.", "canonical": "https://example.com/blog/caching", "language": "en", "author": "Ada Lovelace", "publishedTime": "2026-01-15T09:00:00Z", "modifiedTime": null, "robots": "index, follow", "favicon": "https://example.com/favicon.ico", "openGraph": { "title": "How caching works", "type": "article", "image": "https://example.com/img/cover.png" }, "twitter": { "card": "summary_large_image", "site": "@example" }, "alternates": [{ "hreflang": "de", "href": "https://example.com/de/blog/caching" }], "feeds": [ { "title": "Feed", "href": "https://example.com/feed.xml", "type": "application/rss+xml" } ], "jsonLd": [{ "@type": "Article", "headline": "How caching works" }], "headings": [ { "level": 1, "text": "How caching works", "id": null }, { "level": 2, "text": "Directives", "id": "directives" } ], "httpHeaders": { "content-type": "text/html; charset=utf-8", "x-cache": "HIT" }, "wordCount": 1203, "redirects": [], "fromCache": false }
extract_links| Parameter | Type | Default | Description | ||
|---|---|---|---|---|---|
url | string | required | Absolute http(s) URL. | ||
scope | all \ | internal \ | external | all | Same-site, off-site, or both. |
includeAnchors | boolean | false | Include in-page #fragment links. | ||
deduplicate | boolean | true | Collapse repeated URLs. | ||
limit | integer 1–2000 | 200 | Maximum links returned. | ||
timeoutMs | integer 1000–120000 | env / 15000 | Per-request timeout. |
{
"name": "extract_links", "arguments": { "url": "https://example.com/blog/caching", "scope": "external", "limit": 50 } }
structuredContent:
{
"url": "https://example.com/blog/caching", "status": 200, "totalFound": 2, "returned": 2, "internalCount": 0, "externalCount": 2, "truncated": false, "links": [ { "url": "https://developer.mozilla
ตัดมาแค่ช่วงต้น อ่านต่อใน repo