PhantomCSS

PhantomCSS 介绍

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);

假如对比的 图片 有不一致的地方，会 生成 一张对比图，同时有差异的地方会用显眼的颜色标出，类似这样：?

注意

页面 截图对比出现不一致，并不能证明我们的 页面 就出现了异常，例如广告位等，这些变化频繁的区域，每一次对比都有可能出现差异，所以对广告位或其他经常变化的位置不宜所差异对比。 实际应用中，对整个 页面 进行截图对比是不推荐的，这样的方式过于简单粗暴，我们更应该对 页面 的各个区域进行细分对比，做细粒度的监控。

GitHub: https://github.com/HuddleEng/PhantomCSS

网站描述: 像素对比工具

PhantomCSS官方网站

官方网站：

如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。

查看更多关于PhantomCSS的详细内容...