用途:为已有 Stitch 页面导出建立本地可点击对照台,同步切换同一场景,检查 Phone/Pad 布局差异,比较浅深主题,或交付可复制运行的评审附件。不用于凭空补设计、远程生成、上线发布或真实模型/包安装。
主要能力:同步评审场景与主题,以及白名单中的内部导航、弹窗开关和选项卡;支持单端独立查看与重新同步;URL 只保存场景、主题和联动状态,不存业务数据;输入、密钥、保存、导入、网络请求和删除不转发到其他设备。
使用方式:确认页面 ID、已确认设计、视口、主题、源文件与输出位置;将 assets/device-preview 目录整体复制到目标输出目录,保持相对路径;在 review.js 维护页面目录和设备尺寸,默认 Phone 390×884、Pad 768×1024,Desktop 1280×1024 仅在用户要求且有对应页面时添加;在复制目录执行 python3 serve.py --port 8872,打开回环地址操作;在具备 Playwright/Chrome 的环境执行 python3 verify_review.py 和 python3 verify_ui.py,接入新项目后需替换案例选择器和断言再运行。
适用场景:已有可信 HTML 或交互原型的多设备对照、主题对比、响应式评审与评审附件交付。
限制:只对照已有可信 HTML 或交互原型;输入只有截图时仅做视觉评审,无法检查交互;没有源文件或来源映射时报告缺失项;浏览器或依赖缺失时报告未验证,不静默安装;跨源页面不可通过关闭浏览器安全策略接入;静态截图不能验证交互;检查未执行记为 NOT_VERIFIED。