Puppeteer驅動MCP Server上線:真瀏覽器自動化支持AXTree與視覺模式
摘要:想用AI自動點外賣、搶票、填表、爬競品價格?別再寫脆弱的Selenium腳本了——Puppeteer驅動的MCP Server正式上線([m.nhjb.com.cn/mcp-puppeteer](http://m.nhjb.com.cn/mcp-puppeteer))。 它不模擬API,也不靠“截圖+OCR”黑盒推理。這是全球首個真瀏覽器自動化MCP Server:基于Puppeteer Core 23.6...

想用AI自動點外賣、搶票、填表、爬競品價格?別再寫脆弱的Selenium腳本了——Puppeteer驅動的MCP Server正式上線([m.nhjb.com.cn/mcp-puppeteer](http://m.nhjb.com.cn/mcp-puppeteer))。
它不模擬API,也不靠“截圖+OCR”黑盒推理。這是全球首個真瀏覽器自動化MCP Server:基于Puppeteer Core 23.6,直接注入可訪問性樹(AXTree),把網頁結構實時轉成LLM能理解的JSON Schema——按鈕、輸入框、表格、狀態變更全部可編程識別。關鍵支持**可選視覺模式**:需要時調用輕量級ViT-Base模型(<120MB)做局部截圖理解,比如驗證碼區域、動態彈窗、CSS混淆按鈕。不強制視覺,但隨時可切,延遲壓到380ms內(實測Chrome DevTools Protocol直連)。
工程上嚴格遵循MCP v0.4.2 + A2A擴展規范:
- `/mcp/tools` 返回標準化工具描述
- `/mcp/notify` 支持異步事件回調(如“訂單提交成功”觸發微信通知)
- 所有響應字段與Claude-3.5-sonnet、Qwen2.5-72B、AI Agent平臺-1.2的上下文協議原生對齊
插件開發者只需寫一個 `tool.json` 定義參數,Server自動注冊為MCP Tool;Agent框架(如LangGraph、LlamaIndex MCP Adapter)零適配接入。
實戰效果直接可見:
- 某電商比價Agent用它3小時重寫流程:從“人工翻頁→截圖→OCR→Excel整理”,變成“調用 `navigate_to_url` + `extract_table_data` + `compare_prices` 三步鏈式調用”,日均抓取2.3萬SKU,毛利提升17%(客戶數據,已脫敏)
- 某政務代辦SaaS將“社保資格認證”流程自動化:Puppeteer MCP識別頁面動態token、自動上傳身份證照片、監聽 `aria-live` 區域確認結果,單次任務耗時從11分鐘縮至92秒,客戶續費率+24%

部署極簡: npm install -g @yitb/mcp-puppeteer-server
mcp-puppeteer-server --port 3001 --visual-mode=optional --max-concurrent=5
啟動后,`curl http://localhost:3001/mcp/tools` 即得完整工具列表。核心Adapter已開源([GitHub: yitb/mcp-puppeteer-adapter](https://github.com/yitb/mcp-puppeteer-adapter)),含TypeScript類型定義、錯誤重試策略、超時熔斷邏輯——不是Demo,是生產級Server。
這不是玩具。它是Agent協議落地的“鋼筋”:讓網頁操作從“不可靠猜測”變成“可驗證、可審計、可計費”的原子能力。當你的Agent要真正替人辦事,它必須看得清、點得準、等得穩、錯得明。
下一步:
1. 訪問 [m.nhjb.com.cn/mcp-puppeteer](http://m.nhjb.com.cn/mcp-puppeteer) 下載Server二進制包
2. 運行 `mcp-puppeteer-server --demo` 啟動帶真實京東登錄頁的交互Demo
3. 在你的LangChain Agent里加一行:`MCPTool.from_url("http://localhost:3001")`,立刻獲得真瀏覽器自動化能力