### 为什么做这个工具?
为解决设计师在设计时因无法及时预览移动端设计效果导致效率降低的问题,该工具诞生了。
* * * * *
### 这个工具能做什么?
工具支持 windows 操作系统及多种图片处理软件,jpg、jpeg、bmp、png、gif、svg、psd 格式文件可在移动端多设备上进行预览,可边改边查看效果,提高设计师工作效率。
* * * * *
### 如何使用?
1、电脑和移动设备连接到同一台无限路由器,或在电脑上安装360随身Wi-Fi。
2、在电脑端打开 PPdebug, 将需要预览效果的图片文件夹添加到 PPdebug 中。有三种添加方式:拖曳文件夹到 PPdebug 的编辑框;双击编辑框导入文件夹;直接在编辑框输入文件夹路径。添加文件夹后,点击启动按钮启动程序。
![](https://box.kancloud.cn/2016-08-29_57c3e568801f6.png)
![](https://box.kancloud.cn/2016-08-29_57c3e568a85dc.png)
![](https://box.kancloud.cn/2016-08-29_57c3e568c9dba.png)
(温馨提示:如文件夹内 PSD 文件过多或过大,工具需要响应时间,请稍后。)
3、程序启动后,窗口上不红色区域的 logo 会变为二维码,可使用移动端设备的 “扫一扫” 功能,或输入 ip + “:” + 端口。(例如:192.168.3.17:8888)
4、此时可见移动端设备窗口进入预览模式,单击调试屏幕下方,将出现底部工具条。底部工具条三按钮从左到右分别为菜单(可打开调试文件列表)、刷新、图片信息。默认图片为屏幕等宽大小,双击后显示图片实际大小,再次双击为图片设备像素尺寸。每次调整后可在图片信息按钮中查看当前图片信息。
![](https://box.kancloud.cn/2016-08-29_57c3e568eccf0.png)
![](https://box.kancloud.cn/2016-08-29_57c3e5691bedd.png)
![](https://box.kancloud.cn/2016-08-29_57c3e5696c77b.png)
![](https://box.kancloud.cn/2016-08-29_57c3e5698e09c.png)
![](https://box.kancloud.cn/2016-08-29_57c3e569ab352.png)
* * * * *
### 常见疑问:
#### 调试端背景色和调试的图片颜色一样怎么办?
工具支持移动端背景颜色的修改,以达到凸显图片的目的。
修改背景颜色时, PPdebug 支持多种输入方式,例如 16 进制颜色、英文名称、rgb 和 rgba。
* 16进制颜色 “ #000 ” 黑色
* 英文名称 “ black ” 黑色
* rgb 颜色 “ rgb(0, 0, 0) ” 黑色
* rgba 颜色 “ rgba(0, 0, 0, .5) ” 50% 黑色
* 清空颜色值修,颜色为初始化颜色
![](https://box.kancloud.cn/2016-08-29_57c3e569d0455.png)
(温馨提示:修改颜色的时候请把输入法切换到英文输入)
### 交流 & 提问
[新浪微博](http://weibo.com/332123861)
QQ群:139850352