对于app测试或web的UI层测试，如果测试时需要校验很多个界面，特别是已经验证过的但是因迭代提交了新的代码时，工作量会成倍增加。 这里介绍一款可以实现图片比对的工具。Blink-diff工具。这里实现用命令来比对。
工具/原料
1
一台可以连接互联网的电脑
2
JDK环境
3
NPM环境
方法/步骤
1
基础环境检查。 首先，安装Blink-diff前需要确保当前操作系统已经安装了JDK,NPM. 检查方法： 打开cmd窗口，输入如下命令，如果打印出了相关的版本信息，则代表安装成功。
2
全局安装Blink-diff 全局安装blink-diff工具，打开cmd窗口，输入如下命令，npm install blink-diff -g ,打印出相关信息后即代表执行成功 。如下图：
3
继续执行如下命令。npm install --save blink-diff -g.打印出相关信息后即代表执行成功 。如下图：
4
继续执行如下命令。npm install --save-dev blink-diff.打印出相关信息后即代表执行成功 。如下图：
5
安装结果检查。 安装完成后。在cmd窗口中输入blink-diff 命令， 如果打印出工具的相关信息后，则代表安装成功 。如下图：
6
图片对比。 在cmd窗口中输入如下命令，第一个目录代表结果图片，第二、三张为要对比的图片。 以下为图片结果一致的情况，结果图片result.png中无信息显示 。
7
若命令中对比的两张图片不一致 打印出失败标记，且结果图片中会输出不同不处。
8
以上即是使用命令行来对比图片的操作步骤了。若有疑问请随时留言，作者会及时回复！
注意事项
若对您有帮助请点赞投票哦，会继续提供更多帮助的~
上一篇：两个word文档内容对比
下一篇：excel对比两列内容是否相同