AI 编程工具读写代码已经很熟练，但有一块一直摸不着：页面实际渲染出来什么样。CSS 溢出、弹窗错位这类 bug，AI 只能盯着代码猜——猜对了是运气，猜错了就是反复提交。Playwright MCP 把浏览器交给 Agent：你说要看什么，它自己打开页面、点击、填表、截图。本站工具档案的素材流水线（网页存 PDF、页面快照、官方截图）就跑在它上面。

定位

微软官方出品的浏览器自动化 MCP 服务器，2025 年 3 月开源，GitHub 36,922 星（快照：2026年9月9日），Apache-2.0 真开源，由 Playwright 官方团队维护——Playwright 本身就是微软的项目，所以这个 MCP 是亲儿子而非社区桥接，浏览器版本跟进有保障。

官方资源：GitHub 仓库

microsoft/playwright-mcp 仓库首页，36.9k 星。

它的核心机制是无障碍树快照：页面被结构化成带引用编号的文本描述（和屏幕阅读器读的是同一套东西），模型按结构定位元素去点击、输入，全程不需要视觉模型，也不靠猜像素坐标。这套设计是它能工作的原因，也是它贵的根源——后面坑的部分展开。官方 README 里还主动写了一段「什么情况该用 CLI 而不是 MCP」的辨析，一个免费工具劝你想清楚再用，少见。

怎么用

环境要求 Node.js 18 以上（16 会直接报运行时错误）。装一行配置进你的 MCP 客户端：