工具连接(MCP)
Playwright MCP
让 AI 打开网页、点击按钮和填写表单,帮助检查网站流程。
内容介绍
少装一点整理 · 依据项目公开文档
想检查登录、搜索或下单页面的操作流程时,可以让 AI 通过 Playwright 控制浏览器。它读取网页中的按钮、文本和表单结构来操作页面,适合网站开发、界面检查和重复网页任务。使用前要把它接入支持 MCP 的 AI 助手,并按项目文档准备运行环境;浏览器操作结果仍需要结合实际页面核对。
开始使用
先核对使用条件,再选择你的 AI 助手查看接入步骤。
- 需要准备
- Node.js 18 或更新版本。
- 支持 MCP 的本地助手,以及可运行的浏览器。
- 费用说明
- 项目代码开源;AI 助手的使用费用与第三方服务额度另计。
- 需要的权限
- 可以读取网页、点击和输入内容。只在自己允许操作的页面使用;浏览器登录状态会影响可访问内容。
Codex有官方接入说明
README 提供 Codex 配置示例,使用本机浏览器。
接入步骤
- 打开 README 的 Codex 小节。
- 按该小节把 Playwright 添加到助手的 MCP 配置。
- 重新打开助手,确认 Playwright 工具出现;缺浏览器时按官方提示补齐。
怎样确认接入有效
让它打开自己的网站并读取页面标题,检查地址和标题是否正确。
官方依据
Claude Code有官方接入说明
README 提供 Claude Code 配置示例,使用本机浏览器。
接入步骤
- 打开 README 的 Claude Code 小节。
- 按该小节把 Playwright 添加到助手的 MCP 配置。
- 重新打开助手,确认 Playwright 工具出现;缺浏览器时按官方提示补齐。
怎样确认接入有效
让它打开自己的网站并读取页面标题,检查地址和标题是否正确。
官方依据
Cursor有官方接入说明
README 提供 Cursor 配置示例,使用本机浏览器。
接入步骤
- 打开 README 的 Cursor 小节。
- 按该小节把 Playwright 添加到助手的 MCP 配置。
- 重新打开助手,确认 Playwright 工具出现;缺浏览器时按官方提示补齐。
怎样确认接入有效
让它打开自己的网站并读取页面标题,检查地址和标题是否正确。
官方依据
官方依据
接入说明核对于 2026-10-12 · 依据公开文档整理,未逐一安装实测。
可以怎么用
- 打开网页并操作按钮、表单
- 逐步检查网站交互流程
- 按所用 AI 助手的说明配置浏览器工具
官方项目与文档
项目说明译文
Playwright MCP 服务器
用途相近的插件
优先匹配当前插件的主要用途,再参考共同用途和收藏数;接入方法可能不同。
- Chrome DevTools MCP — 让 AI 查看 Chrome 中的网页问题,帮助查错误和分析加载速度。
- BrowserTools MCP — 把当前 Chrome 页面的错误、网络请求和截图交给 AI 排查。
- ExecuteAutomation Playwright MCP — ExecuteAutomation Playwright MCP:让支持 MCP 的 AI 助手操作浏览器中的网页。