
版本:2.0.1.9
插件概览:一款可以帮助您以完美的像素精度开发您的网站的插件!
下载次数:
PerfectPixel 简介
前端做出来的实际页面和设计稿不一致怎么调整?还在拿尺子量和随缘写吗?赶紧使用PerfectPixel插件吧!此扩展程序可帮助您以完美的像素精度开发您的网站!PerfectPixel让前端人员在开发的HTML顶部放置一个半透明的图像叠加层,并可以使html与设计稿之间进行像素级别的比较。
PerfectPixel 使用说明
正常安装好插件后,左键点击右上角插件图标直接进入插件使用界面。
插件的原理就是通过自行上传一张设计稿,然后开发人员可以通过比对,从而可以实现页面切图与设计稿达到完全一致的效果。(这里不考虑浏览器兼容性)
PerfectPixel 提供了如下几大功能,使用起来极为方便和简单。
支持多个图层;
支持反转和缩放;
每个网站都可以使用单独的覆盖图;
新建标签页不会丢失设置;
简约易用的界面设计;
可以直接通过鼠标拖放上传设计对比图;
可以直接从url和剪贴板中粘贴图片;
支持键盘快捷键和鼠标滚轮调节透明度等功能;
支持file://本地路径文件
如下图可以进入设置界面:

PerfectPixel 设置功能如下图:

小提示:广告支持勾选可以关闭插件自带的广告