关注 霍格沃兹软件测试开发 公众号,回复「资料」, 领取人工智能测试开发技术合集

全程不写一行代码,靠“说话”就能让浏览器自己干活

先说个真事

上个月团队接了个需求——每天定时去某个后台系统导出几十份报表,然后按规则整理成Excel发邮件。

你猜怎么着?负责这件事的实习生,每天下午三点准时坐在电脑前,打开浏览器,登录,点七八层菜单,等加载,点导出,等下载,然后复制粘贴……一套流程下来20分钟,天天如此,雷打不动

我跟他说:“你这活儿,写个脚本十分钟就干完了。”

他说:“我不会写代码啊。”

我说:“不用你写。”

然后我打开编辑器,对着AI说了句:“登录这个系统,依次点击‘报表中心’、‘销售日报’,点导出按钮,等下载完成。”

浏览器自己动了。

整个过程,我没写一行代码。那个实习生盯着屏幕看了半天,说了一句:“那我以后干什么?”

我说:“干点更有价值的事。”

所以今天要聊什么?

很多人对“自动化”有误解,觉得那是程序员才干的事——得懂Python、得会找元素定位、得熟悉各种API。

2026年的今天,这套认知已经过时了。

Playwright + AI 的组合,已经能把“我要做自动化”这件事的门槛,从“学会编程”降到“会说话就行”。

这篇教程不讲复杂概念,直接告诉你三件事:

  1. 怎么用AI帮你生成自动化脚本(一行不用写)

  2. 怎么让AI替你执行自动化任务(看着就行)

  3. 哪个方案最适合你现在的场景(不纠结)

全程手把手,没有跳过步骤。

开整。

方案一:最没门槛的——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 私教服务,用于个性化能力提升与工程实践指导。

更多推荐