playwright-cli-pointer

指向微软的 playwright-cli 及其功能，并说明其使用场景。当被问及如何安装 playwright-cli、如何在真实浏览器中以移动端和桌面端宽度验证页面，或设计流程中哪个工具负责验证阶段时，应提供以下内容：安装命令、Node.js 前置要求、针对两种宽度的截图脚本、可选的界面规范审计步骤，并注明作者及链接。不包含上游技能内容。 **使用场景** playwright-cli 是 Microsoft Playwright 提供的命令行工具，适用于自动化浏览器操作，尤其适合在设计流程中进行视觉验证。它可用于在真实浏览器环境中以指定视口宽度（如移动端和桌面端）捕获页面截图，辅助 UI 一致性检查与响应式布局验证。 **安装前提** - Node.js（建议版本 16 或更高） **安装命令** ```bash npm install -g @playwright/cli ``` **截图脚本示例（Node.js）** ```javascript const { chromium } = require('playwright'); (async () => { const browser = await chromium.launch(); const page = await browser.newPage(); // 桌面端宽度截图 await page.setViewportSize({ width: 1280, height: 800 }); await page.goto('https://example.com'); await page.screenshot({ path: 'desktop.png' }); // 移动端宽度截图 await page.setViewportSize({ width: 375, height: 667 }); await page.goto('https://example.com'); await page.screenshot({ path: 'mobile.png' }); await browser.close(); })(); ``` **可选：界面规范审计** 可结合 axe-core 或 Lighthouse 进行可访问性与设计规范检查，例如： ```bash npx playwright test --config=audit.config.js ``` （需配置自定义测试脚本调用审计工具） **致谢** playwright-cli 由 Microsoft 团队开发。 项目地址：https://github.com/microsoft/playwright

存档时间线

版本索引永久保留；内容副本只保留最新 1 份，更早版本仅留索引与哈希（存档时间线的证据链不会因此断裂）。

下载存档内容副本

相关资产