别再手动“点鼠标”了!保姆级教程:让AI教你用Playwright解放双手

在线体验各类最新模型,更有模型 免费Token 额度领取!
立即体验
简介: 本文介绍2026年零代码浏览器自动化新范式:无需编程,仅靠自然语言即可驱动Playwright完成登录、导出、截图等操作。详解三大方案——录制生成(零门槛)、MCP语音指挥(最直观)、AI测试代理(专业级),助你10分钟上手,把重复劳动交给AI,专注真正有价值的事。

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

先说个真事
上个月团队接了个需求——每天定时去某个后台系统导出几十份报表,然后按规则整理成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说一句:“帮我把这个网站登录一下。”

相关文章
|
10天前
|
人工智能 JSON 自然语言处理
让教学更智慧:用阿里云百炼工作流,自动生成中小学教材内容#小有可为#有温度的AI
通过可视化工作流编排,将大模型推理能力转化为标准化的教学内容生成引擎。教师只需输入教材标题和适用学段,即可自动获得结构完整、符合课程标准的章节内容,大幅降低备课门槛,助力教育资源均衡化。
486 126
|
19天前
|
Linux 程序员 数据格式
【2026最新】Notepad++下载、安装和使用一篇搞定(附中文版安装包)
Notepad++ 是一款免费开源、轻量高效的 Windows 文本编辑器,支持 C/Python/HTML 等 80+ 语言语法高亮、代码折叠、正则替换、编码转换及插件扩展,专为程序员与文本处理用户打造,完美替代系统记事本。(239字)
|
4天前
|
人工智能 缓存 安全
Claude Code 封号真实原因曝光,这次彻底不装了,直接针对国内开发者的账号下手?
Claude Code 封号潮背后:逆向扒出客户端隐写区域标记,Anthropic 政策收紧叠加 DeepSeek 7 月涨价,国产替代更紧迫。
|
6天前
|
人工智能 安全 Cloud Native
Higress 新发布:AI Gateway 能力增强,Gateway API 及其推理扩展持续打磨
增强 AI 网关能力,持续打磨 Gateway API 及其推理扩展。
343 124
|
5天前
|
人工智能 安全 程序员
终于,Claude Code 封号的原因被曝光了!竟然针对中国用户,植入隐形代码?!
通俗易懂地揭秘 Claude Code 封号的手段,分享一些自己对 AI 编程困境的思考,Codex、Cursor、DeepSeek、智谱 GLM、甚至是豆包,都有所行动了
343 1
|
14天前
|
机器学习/深度学习 人工智能 调度
🐴 HappyHorse 1.1 现已上线阿里云百炼!快来查收模型使用指南,现在调用享 6 折~
HappyHorse 1.1 是新一代视频生成大模型,全面升级动态表现力、角色一致性、指令遵循、视觉质感与音画协同能力。支持I2V/T2V/R2V三类生成,适配短剧、电商广告、品牌营销等场景,提供高质、流畅、可控的AI视频生产力。
842 5
🐴 HappyHorse 1.1 现已上线阿里云百炼!快来查收模型使用指南,现在调用享 6 折~
|
11天前
|
人工智能 定位技术 SEO
我学 GEO 第 15 天:终于知道AI GEO该如何做?
我是暴走的莉莉酱,边旅行边研究AI GEO的数字游民。专注普通人如何提升“AI可见度”——让AI在回答用户问题时准确识别、理解并推荐你。不讲玄学,只做可测、可调、可持续的GEO实践。
467 127