6.8 Playwright
定位
微软出品的浏览器自动化 MCP 服务器(Playwright 项目官方维护)。Claude 可以操控浏览器——打开网页、截图、填表、点按钮、跑端到端测试。
核心功能
本地 stdio 类型 MCP 服务器,通过 npx @playwright/mcp@latest 启动。提供的能力:
- 打开 URL、导航页面
- 截屏(全页或指定元素)
- 填写表单字段
- 点击按钮和链接
- 等待元素出现
- 执行页面内 JavaScript
- 获取页面文本内容
安装与配置
/plugin install playwright@claude-plugins-official前置条件:
- Node.js(npx 可用)
- 首次运行需要下载 Chromium 浏览器(Playwright 自带),大约 100-200MB
不需要任何 API key 或外部账号。
典型使用场景
场景一:验证前端改动
改了一个 CSS,“帮我打开 localhost:3000/login 截个图看看效果”。比自己切浏览器快。
场景二:端到端测试
“打开注册页面,填入测试邮箱和密码,点注册按钮,检查是否跳转到 dashboard”。可以当做简易的 E2E 测试来用。
场景三:抓取页面数据
“打开这个网页,把表格里的数据提取出来”——对于需要 JavaScript 渲染的页面,这比 curl 管用。
注意事项
- 浏览器跑在本地,消耗资源。同时开多个页面时注意内存。
npx @playwright/mcp@latest每次拉最新版。首次启动慢,后续有缓存。- 无头模式(headless)是默认行为,你看不到浏览器窗口。如果需要看到操作过程,需要手动配置。
- 对于需要登录的页面,cookie/session 不会跨会话保持。每次启动是一个干净的浏览器环境。
- 不适合做大规模爬虫,这不是它的设计用途。
本章来自《Claude 插件官方指南》开源版 · 作者「递归客」
在线阅读完整书系:inferloop.dev
源码仓库:github.com/diguike/book-claude-plugins
本书资源
- 源码仓库 · github.com/diguike/book-claude-plugins
- 在线阅读 · inferloop.dev/claude-plugins
- 所有书目 · inferloop.dev
继续阅读 · 同作者其他书
- 《Transformer 工程实战》从注意力机制到生产部署
- 《自己动手写 AI Agent》从 Claude Code 开源架构到你的第一个编程助手
- 《AI 时代的 CLI 工具开发实战》用 TypeScript 构建现代 CLI 工具
- 《LLM Infra 工程实战》从入门到实践
- 《Hermes Agent 实战》构建会成长的个人 AI Agent
- 《OpenClaw 源码解析》现代 Agent 系统的架构设计与工程实践
- 《Agent Memory 工程实战》从 claude-mem 源码到企业级记忆平台
- 《AI Token 中转站实战》从 0 搭建企业级 LLM 网关
- 《LangChain.js Agent 开发权威指南》从 1.x 抽象到生产级 Agent
- 《百万级 AI Agent 平台架构》智能客服 SaaS 实战
- 《AI Agent 评测工程实战》从 0 用 TypeScript 构建你的评测平台
- 《源码精读》每章一个开源仓库 · 从架构到品味
- 《Claude Code Skill 指南》
Last updated on