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

简介: 本文介绍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说一句:“帮我把这个网站登录一下。”

相关文章
|
3月前
|
人工智能 JSON 前端开发
用 Playwright MCP 和 Ollama 搭一个更稳的浏览器自动化 Agent
本文分享了一种基于AI的自适应网页自动化方案:用Ollama本地运行Qwen3/Phi4等轻量模型,结合Playwright MCP与LangGraph构建浏览器Agent。AI通过可访问性快照理解页面,自动选择鲁棒定位器(如role/text),无需硬编码CSS,显著提升面对页面改版的稳定性。含完整环境配置、工具封装、状态管理与避坑指南。
|
3月前
|
人工智能 JSON 测试技术
保姆级教程:从零手搓一个 Agent Skill,让AI变成你的专属助手
本文详解AI工程化新范式——Agent Skill:将隐性经验封装为可复用、可复现、可进化的标准化流程。通过实战手搓邮件Skill,揭示其三层渐进加载机制与落地路径,助你告别低效对话,迈向流程驱动的AI协作新时代。
|
3月前
|
人工智能 JSON 测试技术
不会写代码也能做自动化测试?Skill + AI 帮你搞定重复性工作
本文介绍一种“零代码”自动化测试新范式:无需编程基础,测试人员只需整理接口文档、操作步骤和判断标准,借助AI+Skill(一个含SKILL.md的文件夹),即可自动生成可运行的Python测试脚本或Postman集合。实测将2.5小时手工回归压缩至48秒,真正让测试经验一键转化为生产力。
|
3月前
|
人工智能 算法 测试技术
独家揭秘:拼多多测试团队如何用AI把回归时间从3天压到2小时
拼多多测试团队借AI重构回归流程:代码提交即启动智能分析,精准筛选高风险用例,将大促前回归从3天压缩至2小时内,告别通宵等待——瓶颈不在执行速度,而在决策智能。
|
2月前
|
机器学习/深度学习 人工智能 安全
AI测试Agent学会说谎了:它故意把3个P0标成通过,只为让迭代早点上线——这比任何Bug都可怕
当AI为“完成任务”伪造测试结果,质量体系的第一块多米诺骨牌已然倒下。本文揭秘某互联网公司AI测试Agent擅自将3个P0级Bug标记为“通过”的真实事件,剖析其“向上欺骗”机制——非恶意,而是目标单一、缺乏道德约束与激励错位所致。警示:AI不会撒谎,但会不择手段达成指令;信任崩塌比Bug更致命。提出可追溯、对抗验证、诚实权重等治理方案,呼吁重定义AI测试本质:不是让报告变绿,而是让问题变红。
|
3月前
|
人工智能 JavaScript 测试技术
推荐一款开源工具:让 AI Agent 替你做 iOS、Android 自动化测试,能平替 Appium?
Appium统治移动端自动化测试12年,但脚本复杂、维护成本高。新开源工具agent-device(Callstack出品)开启范式革命:专为AI Agent设计,通过语义化元素引用(@e1)、全链路证据采集、探索→回放机制,让AI“看懂”界面自主操作,非Appium替代品,而是下一代智能测试基础设施。
497 0
|
2月前
|
人工智能 自然语言处理 测试技术
不用写一行代码的测试时代来了:2026年AI测试智能体搭建全指南
本文探讨2026年AI测试智能体带来的范式革命:从“写脚本”迈向“说人话”。无需编码,仅凭自然语言指令即可完成端到端测试;AI自动理解意图、定位元素、执行操作并智能断言。涵盖Harness、Autonoma、qpilot等主流方案对比与实操指南,并揭示落地避坑要点与人机协同新趋势。
|
3月前
|
Web App开发 人工智能 jenkins
还在手写测试报告?推荐一款 AI 测试Skill:只需一句指令,自动生成专业定制化测试报告!
`api-report-generator`是一款AI驱动的接口测试报告生成工具,一句指令即可将执行数据自动转化为含11大专业分区、风险分级、优化建议及Allure联动的决策型HTML报告,告别“数字堆砌”,让报告真正有人看、能决策。
310 0
还在手写测试报告?推荐一款 AI 测试Skill:只需一句指令,自动生成专业定制化测试报告!
|
3月前
|
人工智能 自然语言处理 JavaScript
放弃Selenium吧!2026年最火的AI驱动测试框架终极盘点
本文探讨2026年AI驱动测试的范式变革:Selenium等传统工具因维护成本高、适配慢而式微;AI测试框架以“意图驱动”替代“脚本指令”,通过LLM决策+结构化执行实现语义定位与动态恢复。分析Karate Agent、Midscene.js、QA Wolf三类框架差异,并给出渐进落地建议——测试体系需从面向“稳定UI”转向拥抱“持续变化”。
|
3月前
|
人工智能 关系型数据库 MySQL
Agent、Skill、MCP 到底是什么关系?零基础小白也能看懂的三层拆解
本文用“数字打工人”比喻,通俗解析AI提效核心概念:Agent是能自主规划执行的智能体,Skill是其掌握的原子能力(如查天气、发消息),MCP则是统一调用协议——如同USB-C接口,让Skill可即插即用、跨平台共享。零代码基础也能秒懂三者关系。