Web应用测试怎么做？用Playwright侦察DOM
「Web 应用测试」是「龙虾部署大师」技能市场中的本地前端验证技能：作用是用 Python Playwright 检查本地 Web 应用——先区分静态 HTML 还是动态应用，按需启动开发服务并等待网络空闲，再截图、检查 DOM、查看控制台日志、执行点击与输入操作，最后给出测试脚本、截图、日志或验证结论，帮你定位前端功能、UI 状态和浏览器行为问题。 技能效果 让它测试 Web 登录页时，它写出完整 Playwright 脚本：打开页面、填表单、点登录、断言成功，还监听了控制台日志与未捕获报错并截屏。 前端改完，怎么确认它真的还能用 前端改一处，影响往往不止一处：页面能不能正常加载、关键按钮点下去有没有反应、表单提交流程是否还通、控制台有没有悄悄报错、弹窗会不会遮住该填的输入框——这些"看起来对不对"的问题，光看代码 diff 判断不了，得真的在浏览器里跑一遍。而手动开浏览器、点一遍、截个图、翻控制台，既慢又容易漏，改动一多就懒得每次都验，回归问题就这么溜进去了。 侦察后再行动的顺序 启动服务with_server.py 等网络空闲networkidle 侦察 DOM截图/日志 行动：点击 / 输入 / 断言基于侦察结果，不盲点 这个技能能帮你验什么 它用 Python Playwright 把"在浏览器里跑一遍"变成可重复的脚本流程。第一步是区分页面类型：静态 HTML 直接读取文件、识别选择器；动态应用则要先启动服务、等渲染完成再侦察。服务管理上，它用 with_server.py 管理单个或多个本地服务的生命周期，避免手动起停。检查能力上，它会等 networkidle（网络空闲）后再检查 DOM、截图、查看按钮和输入控件、读取控制台日志。操作能力上，它编写同步 Playwright 脚本执行点击、输入和断言。它强调一个固定顺序：先启动、等空闲、侦察清楚，再动手操作，而不是页面还没好就盲点。 两条测试路径 静态 HTML 直接读文件 · 识别选择器 执行简单自动化检查 动态应用 启动服务 · 等渲染 截图 / DOM / 控制台 "先侦察后行动"这条顺序是这套测试可靠的核心：页面没渲染完就去点按钮、查元素，得到的结论是假的；等到网络空闲、DOM 稳定再操作，截图和断言才反映真实状态。 用前须知 该技能需要 Python 与 Playwright 运行环境。如果应用还没启动，应先查看 scripts/with_server.py --help，用该脚本管理本地服务。它不需要业务 API Key，但被测项目的依赖需要已经安装好，开发服务能正常起来。 怎么用它 用法是把本地页面地址或服务、要验证的行为，以及必要的启动命令用自然语言交给它，由它按顺序起服务、侦察、操作并给出结论。例如可以这样对它说： 可以这样对它说 "跑一下本地 5173 页面，点登录按钮看控制台有没有报错，并截屏。" "用 Playwright 截一张首页全屏图，确认弹窗没有遮住表单。" "前端已启动，检查购物车加减数量和结算按钮状态，顺手看错误日志。" 它适合这些场景：前端改动后要验证页面能否正常加载并完成关键交互；动态应用渲染异常，需要截图、DOM 和控制台日志辅助定位；本地项目需要先启动开发服务器再自动执行浏览器测试；静态 HTML 工具需要直接读取选择器并做简单自动化检查。适合前端工程师、全栈开发者、QA 测试人员，以及要验证本地 Web 应用功能、视觉状态或交互流程的产品技术团队。 想用上这个技能？ 「Web 应用测试」就在「龙虾部署大师」的技能市场里，打开 技能市场 就能一键安装使用。 还没装龙虾？先 一键部署「龙虾部署大师」，在本地跑起来后再装技能即可。 注：技能的实际效果与所选用的 AI 模型能力有关，不同模型下的表现可能存在差异。
提示