不用写代码,让 AI 替你点网页:Cursor + Playwright MCP 上手指南
- 2026-10-22 09:44:10
学自动化先背 API?
现在说一句人话,
浏览器照做
Cursor · Playwright MCP · 零脚本上手
下班倒计时学家
📦 5 Parts + Conclusion
👉 滑动
PART 01
MCP 是什么
核心原理
PART 02
三步接入
配置与验证
PART 03
抄作业指令
两个案例
PART 04
怎么选
对比 Selenium
PART 05
三个提醒
动手前必读
PART ///
写在最后
从代码到指令
写 Web 自动化的痛,大家都懂:元素定位写半天,页面一改版脚本全崩,维护成本比写代码还高。现在这条路变了——你用自然语言下指令,AI 替你打开浏览器、点按钮、填表单、拿数据。
靠的就是微软开源的 Playwright MCP。
01
PART
Playwright MCP 是什么
WHAT IS PLAYWRIGHT MCP
Playwright 是微软推出的 Web UI 自动化框架,支持脚本录制,写自动化代码比 Selenium 轻松。Playwright MCP 则在此基础上接上了大模型:它基于 MCP(Model Context Protocol)协议,用页面的「可访问性树」生成结构化快照,让 GPT、Claude 这类模型直接理解页面并执行操作,不需要截图,也不依赖视觉模型。
以前你写代码控制浏览器,现在你说人话,AI 控制浏览器。
它支持 Chrome、Firefox、WebKit 主流浏览器,能点击、拖动、悬停、输入、选下拉、传文件,也能捕获网络请求、把页面存成 PDF、读取控制台日志,无头(headless)和有头(headed)模式都支持。
02
PART
三步接入 Cursor
SETUP IN 3 STEPS
前提:本机已装 Node.js(保证 npx 可用),Cursor 为较新版本。
添加 MCP 配置
打开 Cursor 设置 → MCP → Add Server,填入下面这段配置:
{
"mcpServers": {
"playwright": {
"command": "cmd /c npx",
"args": [
"@playwright/mcp@latest"
]
}
}
}
Windows 用上面的写法;macOS / Linux 把 command 改成 npx。
保存并重启 Cursor
在 MCP 列表里看到 playwright 处于启用状态,说明连接成功。
验证连通
在对话框输入「打开 baidu.com 并截图」,AI 会拉起浏览器执行。能看到浏览器自己动起来,就通了。
!踩坑提示 🕳
连不上怎么办:多半是 npx 不在 PATH,或公司网络拦了 npm 源。先在终端手动执行 npx @playwright/mcp@latest 确认能启动,再回头看 Cursor 配置。
03
PART
两个能直接抄的指令
COPY-PASTE PROMPTS
数据自动化处理
想查恒瑞医药(600276)的年报,直接对 Cursor 说:
打开
www.sse.com.cn/disclosure/listedinfo/listedcompanies/
输入公司代码:600276
报告类型选:年报
打开 2024 年年报
把相关数据保存在「恒瑞医药.txt」中
打开页面、填代码、选类型、下载、落盘,AI 会按顺序自己跑完。
Web UI 自动化测试
对着测试站点说:
访问 www.saucedemo.com
使用 problem_user 登录
验证该网站完整流程并记录发现的问题
它会把发现的异常一条条记下来,相当于一个随叫随到的探索性测试助手。
✦ 进阶玩法
在 Cursor 插件市场装 Cucumber(Gherkin)Full Support,先让 AI 用 BDD 语法生成 Login.feature 登录用例(覆盖正常登录、密码错误、账号锁定等场景),再一句「执行文件中所有测试用例,采用 Playwright MCP 自动化测试,并生成 html 格式的测试报告」,用例管理和执行报告就有了。
04
PART
和 Selenium 怎么选
PLAYWRIGHT MCP VS SELENIUM
Selenium 并没有过时:大而稳的长期回归体系、需要精细控制执行过程的场景,它仍是主力。Playwright MCP 的优势在快速验证、临时取数、探索性测试这类「写脚本不划算」的活。
05
PART
用之前想清楚三件事
BEFORE YOU START
AI 的执行结果要人工复核,尤其是数据和断言,别把输出直接当结论;
涉及公司内网、账号密码的操作要谨慎,敏感信息不要写进提示词;
配置随版本迭代可能变化,以上写法截至 2026-10-08 有效,失效以官方仓库为准:github.com/microsoft/playwright-mcp。
///
LAST
写在最后
FINAL THOUGHTS
从「代码驱动」到「指令驱动」,变的不只是工具,而是测试人把时间花在哪。省下来的时间拿去做真正的测试分析和设计,这笔账才算对。
我是 下班倒计时学家,持续分享测试工程师能用上的 AI 提效工具和实操流程。觉得有用就点个关注,下次配置不迷路。
既然看到这里了,如果觉得有用,随手点个赞、在看、转发三连吧。
THANKS FOR READING