将您的模型放在实时页面上,以便与您的代码进行像素完美的比较。
PerfectPixel 在任何网页顶部添加半透明图像叠加层,让您可以直接在浏览器中将前端实现与原始设计模型进行比较。上传设计合成,调整不透明度,并立即查看您的代码与规范的差异 - 具有像素完美的精度。不再需要在选项卡之间切换或眯着眼睛并排看两个屏幕。
工作原理:安装扩展程序,打开任何页面,然后放入图像 - 拖放、粘贴 URL、从剪贴板粘贴或使用文件选择器。定位并缩放叠加层,然后调整不透明度进行比较。
特征:
- 在任何网页上叠加任何 PNG、JPG 或 SVG
- 可调节不透明度以进行实时视觉比较
- 4 种混合模式(差异、反转、相乘、叠加)以及正常 - 每种模式都可用于捕获不同类型的不匹配
- 锁定覆盖层以单击它并与下面的页面元素交互
- 每个域的持久性:您的图层按站点保存并在浏览器会话中自动恢复
- 每个域有多个层
- 缩放、重新定位和居中控制
- 常用操作的键盘快捷键
专业版特点:
- 无限并发层数(免费层支持 2 个)
- 对图层进行分组的文件夹
- 图层旋转
- 黑暗主题
- 自定义图标、强调色和自定义 CSS
专为需要验证其交付的内容是否与设计相符的前端开发人员、QA 工程师、机构和开发团队而构建。
超过 350,000 名开发者。在 Chrome 网上应用店使用 10 多年。





