應用截圖

詳細介紹

将设计稿放到实际页面上，与代码效果进行像素级精确对比。 PerfectPixel 在任何网页上方添加半透明图片覆盖层，让您直接在浏览器中将前端实现与原始设计稿进行比较。上传设计稿，调整透明度，立即以像素级精度查看代码效果与设计规范的差异。无需再切换标签页，或眯着眼睛并排查看两个屏幕。 使用方法：安装扩展，打开任意页面，然后添加图片，可拖放、粘贴 URL、从剪贴板粘贴或使用文件选择器。定位并缩放覆盖层，然后调整透明度进行比较。 功能： - 在任意网页上覆盖任何 PNG、JPG 或 SVG - 可调透明度，用于实时视觉对比 - 4种混合模式（Difference、Invert、Multiply、Overlay）以及 Normal，各自适合发现不同类型的不一致 - 锁定覆盖层，以便穿透点击并与下方页面元素交互 - 在 DevTools 设备模式中处理移动端设计：将 PerfectPixel 移到浏览器侧边栏，让视口保持清晰 - 按域名持久保存：各网站的图层分别保存，并在不同浏览器会话间自动恢复 - 每个域名支持多个图层 - 缩放、重新定位和居中控件 - 常见操作的键盘快捷键 Pro 功能： - 同时使用的图层数量无限（免费版支持2个） - 使用文件夹对图层分组 - 图层旋转 - 深色主题 - 自定义图标、强调色和自定义 CSS 专为前端开发者、QA 工程师、机构和开发团队打造，帮助他们验证交付成果与设计一致。 超过350,000名开发者。在 Chrome 网上应用店已有10多年。