🧩 MCP生态

Playwright MCP Server:基于语义化DOM快照的AI Agent网页交互解决方案

发布时间:2026-07-28 分类: MCP生态
摘要:想让 AI Agent 稳定操作网页?别再被 OCR 识别不准、视觉模型显存爆炸、DOM 一变就崩这些问题卡住。Playwright MCP Server 上线了——首个生产可用、开箱即用的结构化网页交互 MCP 服务。 它不截图,不调 VLM。靠 Playwright 实时生成**语义化 + 无障碍(a11y)DOM 快照**:按钮带 `role="button"`,...

封面

想让 AI Agent 稳定操作网页?别再被 OCR 识别不准、视觉模型显存爆炸、DOM 一变就崩这些问题卡住。Playwright MCP Server 上线了——首个生产可用、开箱即用的结构化网页交互 MCP 服务。

它不截图,不调 VLM。靠 Playwright 实时生成**语义化 + 无障碍(a11y)DOM 快照**:按钮带 `role="button"`,表单字段含 `name` 和可读的 `label text`,动态加载区域标 `aria-busy="true"`。LLM 直接读 JSON 快照,就能准确定位“登录邮箱输入框”或“第 3 页‘立即购买’按钮”,不用猜 XPath,不怕 CSS 类名重命名。

对 Agent 开发者来说,这是协议层的关键拼图:MCP 定义“我能做什么”,A2A 定义“我找谁做”,而 Playwright MCP Server 就是那个**可靠执行网页任务的‘手’**。写几行 Python 做个 MCP 客户端,连上它,Claude 或龙虾 Agent 就能干真实业务——比如自动填完 50 家 SaaS 官网的试用表单(含验证码绕过逻辑),或每小时抓竞品价格、触发飞书告警。

实战案例:招标信息监控 Bot  
- Agent:龙虾 + Playwright MCP Server  
- 目标站:中国政府采购网(反爬强、JS 渲染、分页异步)  
- 快照里直接提取 `<a class="title-link" aria-label="XX市智慧医疗招标公告(编号:ZB2024-087)">` → LLM 解析出项目名称、预算、截止日  
- 自动写入 Notion 数据库 + 邮件推送关键线索  
- 已上线:单 Bot 日均捕获高匹配度标讯 12 条,交付本地 IT 集成商,按线索收费 80 元/条,月毛利 ≈ 2.8 万元(服务器成本 < 200 元)




👉 [Binance](https://idsoo.com/go/binance.html) · [OKX](https://idsoo.com/go/okx.html) · [Gate.io](https://idsoo.com/go/gate.html) · [HTX](https://idsoo.com/go/htx.html) · [Bitget](https://idsoo.com/go/bitget.html)

这不是 Demo。Server 核心已开源:[github.com/yitb/playwright-mcp](https://github.com/yitb/playwright-mcp)  
Docker 一键启:  

docker run -p 3000:3000 yitb/playwright-mcp:latest


龙虾 CLI 一行注册:  

yitb server register --url http://localhost:3000 --type mcp --name web-interact


你的 Agent 立刻获得“看懂网页 + 点准按钮”的能力。

别再用 Selenium 硬扛 CSS 选择器,也别为 VLM 显存烧钱。Playwright MCP Server 把网页自动化从“玄学调参”拉回“确定性工程”。

**马上试试**:  
1. `git clone https://github.com/yitb/playwright-mcp && cd playwright-mcp && make up`  
2. 打开 http://localhost:3000/docs —— 运行第一个 MCP 调用示例(填 Google 搜索框并提交)  
3. 在龙虾控制台执行 `yitb agent create --template web-scraper`,把刚起的服务接入你的 Agent  
4. 今天下班前,让它替你抢一次 12306 候补名额。
返回首页