安装指南

安装 UI Overlay macOS 应用与 Chrome 扩展

设置桌面叠层工具和浏览器扩展，用本地设计稿对真实界面进行视觉校对、标注和报告导出。

macOS 桌面应用

1. 从 UI Overlay 首页下载当前 macOS DMG。
2. 打开 DMG，将 UI Overlay 拖入 Applications。
3. 如果系统提示“App 已损坏”，双击 DMG 内的修复命令，自动执行对应的 xattr 修复。
4. 从 Applications 启动。如果 Gatekeeper 需要确认，使用右键打开。
5. 导入本地设计稿，并调整透明度、缩放、偏移和穿透模式。

当前 DMG 按未公证版本分发。修复命令用于降低测试用户首次安装成本。

Chrome 扩展

1. 从 Chrome Web Store 安装 UI Overlay。
2. 打开需要检查的普通网页。
3. 在扩展设置中开启页面浮动控制按钮。
4. 导入本地设计稿，将其对齐到真实网页之上，需要记录问题时开启标注并导出报告。