微软的Playwright MCP是一款基于 Model Context Protocol (MCP) 的服务器,为 LLM 提供基于 Playwright 的浏览器自动化能力。通过结构化的无障碍(Accessibility)树与网页交互,无需截图或视觉模型。

上线之后Star狂涨。链接:https://github.com/microsoft/playwright-mcp

图片

主要特性

  • 快速轻量:基于 Playwright 的可访问性树,而非像素级输入。

  • LLM 友好:纯结构化数据交互,无需视觉模型。

  • 工具调用可复现:避免截图方案常见的歧义。

    图片

快速开始

在客户端中安装并配置 Playwright MCP 服务器。

推荐配置(大多数工具可直接使用):

<span leaf="">{</span><span leaf=""><br></span><span leaf="">&nbsp;&nbsp;</span><span><span leaf="">"mcpServers"</span></span><span leaf="">: {</span><span leaf=""><br></span><span leaf="">&nbsp; &nbsp;&nbsp;</span><span><span leaf="">"playwright"</span></span><span leaf="">: {</span><span leaf=""><br></span><span leaf="">&nbsp; &nbsp; &nbsp;&nbsp;</span><span><span leaf="">"command"</span></span><span leaf="">:&nbsp;</span><span><span leaf="">"npx"</span></span><span leaf="">,</span><span leaf=""><br></span><span leaf="">&nbsp; &nbsp; &nbsp;&nbsp;</span><span><span leaf="">"args"</span></span><span leaf="">: [</span><span><span leaf="">"@playwright/mcp@latest"</span></span><span leaf="">]</span><span leaf=""><br></span><span leaf="">&nbsp; &nbsp; }</span><span leaf=""><br></span><span leaf="">&nbsp; }</span><span leaf=""><br></span><span leaf="">}</span><span leaf=""><br></span>

我用的 Claude 桌面客户端来操作的

  1. 先进行配置

    图片

    图片

  2. 然后输入任务

    图片

  3. AI 帮我操作打开浏览器

    图片

  4. 必要的时候等待我的确认

    图片

    图片

  5. 完成操作

    图片

    图片

  6. 整理他的过程

    图片