Skip to Content

6.8 Playwright

定位

微软出品的浏览器自动化 MCP 服务器。Claude 可以操控浏览器——打开网页、截图、填表、点按钮、跑端到端测试。

核心功能

本地 stdio 类型 MCP 服务器,通过 npx @playwright/mcp@latest 启动。提供的能力:

  • 打开 URL、导航页面
  • 截屏(全页或指定元素)
  • 填写表单字段
  • 点击按钮和链接
  • 等待元素出现
  • 执行页面内 JavaScript
  • 获取页面文本内容

安装与配置

/plugin install playwright@claude-plugins-official

前置条件:

  1. Node.js(npx 可用)
  2. 首次运行需要下载 Chromium 浏览器(Playwright 自带),大约 100-200MB

不需要任何 API key 或外部账号。

典型使用场景

场景一:验证前端改动

改了一个 CSS,“帮我打开 localhost:3000/login 截个图看看效果”。比自己切浏览器快。

场景二:端到端测试

“打开注册页面,填入测试邮箱和密码,点注册按钮,检查是否跳转到 dashboard”。可以当做简易的 E2E 测试来用。

场景三:抓取页面数据

“打开这个网页,把表格里的数据提取出来”——对于需要 JavaScript 渲染的页面,这比 curl 管用。

注意事项

  • 浏览器跑在本地,消耗资源。同时开多个页面时注意内存。
  • npx @playwright/mcp@latest 每次拉最新版。首次启动慢,后续有缓存。
  • 无头模式(headless)是默认行为,你看不到浏览器窗口。如果需要看到操作过程,需要手动配置。
  • 对于需要登录的页面,cookie/session 不会跨会话保持。每次启动是一个干净的浏览器环境。
  • 不适合做大规模爬虫,这不是它的设计用途。
Last updated on