网站描述:像素对比工具
Phantomcss由 Huddle（http://huddle.com）公司的 James Cryer 带领开发团队编写。它依赖于 CasperJS 和 Resemble.JS，可以结合 PhantomJS 或 SlimerJS 使用。
phantomcss使用了简单的api来做图片对比：
phantomcss.screenshot( "#CSS .selector1", screenshotName1);
phantomcss.screenshot( "#CSS .selector2", screenshotName2);
phantomcss.compareFiles(screenshotName1, screenshotName2);
假如对比的图片有不一致的地方，会生成一张对比图，同时有差异的地方会用显眼的颜色标出，类似这样：
注意
页面截图对比出现不一致，并不能证明我们的页面就出现了异常，例如广告位等，这些变化频繁的区域，每一次对比都有可能出现差异，所以对广告位或其他经常变化的位置不宜所差异对比。 实际应用中，对整个页面进行截图对比是不推荐的，这样的方式过于简单粗暴，我们更应该对页面的各个区域进行细分对比，做细粒度的监控。
more>>
相关栏目