Cursor
Claude Code
第三步，一个浏览器窗口会自动弹出来，同时旁边会有一个代码生成面板。第四步，你在浏览器里正常操作——点击、输入、滚动——旁边的面板会实时生成对应的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就能直接操作浏览器了。
发布于 北京
分享
评论
赞
未登录
友善发言
评论
加载中
