别再手动“点鼠标”了!保姆级教程:让AI教你用Playwright解放双手
关注 霍格沃兹软件测试开发 公众号,回复「资料」, 领取人工智能测试开发技术合集
全程不写一行代码,靠“说话”就能让浏览器自己干活
先说个真事
上个月团队接了个需求——每天定时去某个后台系统导出几十份报表,然后按规则整理成Excel发邮件。
你猜怎么着?负责这件事的实习生,每天下午三点准时坐在电脑前,打开浏览器,登录,点七八层菜单,等加载,点导出,等下载,然后复制粘贴……一套流程下来20分钟,天天如此,雷打不动。
我跟他说:“你这活儿,写个脚本十分钟就干完了。”
他说:“我不会写代码啊。”
我说:“不用你写。”
然后我打开编辑器,对着AI说了句:“登录这个系统,依次点击‘报表中心’、‘销售日报’,点导出按钮,等下载完成。”
浏览器自己动了。
整个过程,我没写一行代码。那个实习生盯着屏幕看了半天,说了一句:“那我以后干什么?”
我说:“干点更有价值的事。”
所以今天要聊什么?
很多人对“自动化”有误解,觉得那是程序员才干的事——得懂Python、得会找元素定位、得熟悉各种API。
2026年的今天,这套认知已经过时了。
Playwright + AI 的组合,已经能把“我要做自动化”这件事的门槛,从“学会编程”降到“会说话就行”。
这篇教程不讲复杂概念,直接告诉你三件事:
-
怎么用AI帮你生成自动化脚本(一行不用写)
-
怎么让AI替你执行自动化任务(看着就行)
-
哪个方案最适合你现在的场景(不纠结)
全程手把手,没有跳过步骤。
开整。
方案一:最没门槛的——Playwright自带录制功能
这是最适合零基础入门的方案。不需要配置任何AI环境,Playwright自己就带了一个叫Codegen 的录制工具。
你在浏览器里怎么点,它就怎么帮你把代码记下来。
操作步骤
第一步,确保你已经装好了Playwright(如果还没装,翻我之前那篇《0基础也能会!Playwright保姆级搭建教程》,十分钟搞定)。
第二步,在终端输入:
playwright codegen https://你要测试的网站.com
第三步,一个浏览器窗口会自动弹出来,同时旁边会有一个代码生成面板。
第四步,你在浏览器里正常操作——点击、输入、滚动——旁边的面板会实时生成对应的Python/JavaScript代码。
第五步,操作完之后,把面板里的代码复制出来,保存成文件,以后直接运行就行。
就这么简单。
💡 真实感受:我第一次用这个功能的时候,心里想的是“早干嘛去了”。以前用Selenium的时候,找个元素定位得开着F12翻半天DOM树,现在点一下就有了。
进阶玩法:让AI帮你“润色”录制的脚本
Codegen生成的代码比较“原始”——就是把你每一步操作原样记下来,不会自动加断言、不会做优化。
这时候可以多走一步:把生成的代码粘贴给任何一个AI工具(ChatGPT、Claude、Cursor都行),然后对它说:
“帮我把这段Playwright代码优化一下,加上合适的等待、断言和错误处理。”
AI会帮你把代码改得更健壮。你甚至不用懂它改了什么,直接用就行。
方案二:最“爽”的——用自然语言直接指挥浏览器
方案一虽然不用手写代码,但还得自己手动操作一遍让AI录。方案二更狠——连手动操作都省了。
这就是Playwright MCP(Model Context Protocol)干的事。
简单说就是:你在对话框里输入“帮我打开百度搜一下Playwright教程,然后把截图发给我”,AI就会自己打开浏览器、自己操作、自己截图、然后把结果给你。
MCP服务器就像一个“中间人”,把AI的指令翻译成浏览器能听懂的命令。它不依赖截图去“看”页面,而是通过页面的可访问性结构来理解页面内容,所以识别更精准。
怎么配置?(以Cursor编辑器为例)
这是目前我觉得最顺手的方案,因为直接在编辑器里就能用。
第一步,打开Cursor编辑器,点击设置。
第二步,在设置界面左侧找到Tools & MCP 选项。
第三步,点击Add Custom MCP 按钮。
第四步,在弹出的配置里填入Playwright MCP服务器的信息。具体配置内容可以去Playwright官方文档的MCP Registry页面复制最新版。
第五步,保存配置,重启Cursor。
配置好之后,你在Cursor的AI对话框里输入自然语言指令,AI就能直接操作浏览器了。
能干什么?
-
“打开这个页面,截图给我”
-
“登录系统,输入用户名admin密码123456,点登录按钮”
-
“把页面上所有商品名称和价格提取出来,整理成表格”
-
“依次点击导航栏的每个菜单,看有没有报错”
想到什么说什么,不用管语法,不用管定位器。
⚠️ 一个小提醒:这个方案需要你有API Key(比如OpenAI的)或者使用本地模型(比如Ollama)。如果不想花钱,可以先用方案一的Codegen。
方案三:最“专业”的——Playwright官方的AI测试代理
如果你是做测试的,或者想做更规范的自动化,Playwright官方在1.56版本之后推出了Test Agents 功能。
它把AI分成了三个角色:
-
Planner(规划者) :先“逛”一遍你的应用,理解有哪些功能、有哪些用户流程,然后生成一份测试计划
-
Generator(生成者) :根据计划自动写出可执行的Playwright测试代码
-
执行和修复:跑测试,如果发现元素定位失效了,AI自己分析DOM然后修复
怎么用?
第一步,在你的项目里运行:
npx playwright init-agents
这个命令会把AI代理的定义文件加到你的项目里。
第二步,用你喜欢的AI工具(Cursor、Claude Code、VS Code Copilot都行)来指挥这些代理。
第三步,对AI说:“帮我给这个登录页面生成一套完整的测试用例。”AI会自己规划、自己写代码、自己跑。
这个方案最适合测试团队或者有持续集成需求的项目。维护成本比传统方式低很多——有数据显示,引入这类AI测试智能体之后,自动化测试的编写和维护成本能降60%左右。
三个方案怎么选?一张表说清楚
|
场景 |
推荐方案 |
理由 |
|---|---|---|
|
完全零基础,只想快速跑起来 |
方案一(Codegen录制) |
不用配AI环境,开箱即用 |
|
想体验“用嘴写代码”的感觉 |
方案二(MCP + Cursor) |
最符合“解放双手”的想象 |
|
做正规测试,要长期维护 |
方案三(Test Agents) |
官方出品,有规划有修复 |
|
只想偶尔用一次,不折腾 |
方案一 |
最快,三分钟出活 |
|
想搭建自动化工作流 |
方案二或方案三 |
看预算和团队技术栈 |
最后说两句
回到开头那个实习生的事。
后来我用方案二帮他配了一套自动化——每天早上九点自动登录、自动导出、自动发邮件。他再也不用每天下午三点守在电脑前点鼠标了。
“解放双手”不是让你失业,是让你从重复劳动里抽身出来,去做点更有意思的事。
这篇教程里提到的三个方案,选一个你看着最顺手的,今天就用起来。
如果卡在哪一步了,评论区留言,我看到就回。
下一个10分钟,试试对AI说一句:“帮我把这个网站登录一下。”
关于我们
霍格沃兹测试开发学社,隶属于测吧(北京)科技有限公司,是一个面向软件测试爱好者的技术交流社区。
学社围绕现代软件测试工程体系展开,内容涵盖软件测试入门、自动化测试、性能测试、接口测试、测试开发、全栈测试,以及人工智能测试与 AI 在测试工程中的应用实践。
我们关注测试工程能力的系统化建设,包括 Python 自动化测试、Java 自动化测试、Web 与 App 自动化、持续集成与质量体系建设,同时探索 AI 驱动的测试设计、用例生成、自动化执行与质量分析方法,沉淀可复用、可落地的测试开发工程经验。
在技术社区与工程实践之外,学社还参与测试工程人才培养体系建设,面向高校提供测试实训平台与实践支持,组织开展“火焰杯” 软件测试相关技术赛事,并探索以能力为导向的人才培养模式,包括高校学员先学习、就业后付款的实践路径。
同时,学社结合真实行业需求,为在职测试工程师与高潜学员提供名企大厂 1v1 私教服务,用于个性化能力提升与工程实践指导。
更多推荐
所有评论(0)