用途:对页面开展响应式布局与视觉适配测试。它以 URL(默认 http://localhost:3000)为对象,按四个视口各启动一个并行子代理:移动端 320×568、平板 768×1024、笔记本 1024×768、桌面 1440×900,每个代理都完整运行全部 18 个测试用例,输出按视口逐项对比的通过/失败矩阵报告。
主要能力:用例包括无横向溢出、导航形态在汉堡菜单与完整导航间切换、图片与媒体在视口内缩放、移动端触控目标不小于 48×48px(WCAG 为 44×44px)、字体不小于 12px 且行高可读、无隐藏关键内容的文本截断、模态框适配视口、固定或粘性元素不遮挡内容、表格响应式、视频与嵌入保持宽高比、深色模式渲染与对比度、深色模式下图标可见性、打印样式存在与内容不被裁切、RTL 镜像、横屏方向不破版、200% 缩放不重叠或不产生横向滚动。
使用方式:先设置 URL 与带时间戳的输出目录,创建 screenshots、snapshots、traces 子目录;随后按会话名(resp-320、resp-768、resp-1024、resp-1440)分别执行 open、resize、tracing-start、screenshot 与 snapshot 命令,并各运行全部测试用例。结束时采集最终截图、停止追踪并关闭会话,最后合并生成 $OUTDIR/report.md 矩阵报告并进行清理。
适用场景与限制:适合在开发或测试环境中检查多端页面适配、深色模式与打印表现。依赖 playwright-cli,需可访问目标 URL;部分检查依赖在浏览器中执行脚本测量元素尺寸与样式。资料未提供收费、价格、平台支持范围或与其他技能的集成说明。