HTML页面与设计稿像素级比对工具–Pixel perfect

可以将设计师的设计图通过此插件作为蒙版加载到浏览器上，通过调节图片的透明度以及位置，可以进行设计稿与页面的细节比对，来优化提高页面样式的精确度。

先将设计稿添加到需要对比的页面中来：

让图片显示：

可以通过调整透明度和具体坐标位置来重合图片和网页，然后对样式进行修正。

让图片显示：

本地调试页面样式利器–Fiddler

当我们的静态页面经过前端工程师、程序员同事的工作后，盼望着旁望着，终于上线了，这时咱们这边也又要忙碌了，因为一些在静态页面没有考虑到的情况和相关前端和程序同事的加工后，页面上出现了一些bug，特别是有时候这些BUG在不同的浏览器下展现还不一样，单靠Firebug工具我们烧不死这些虫，那我们就可以通过Fildder工具，来监视所有 HTTP 请求和响应的工具，选出我们需要的样式文件，通过调试本地文件来寻找线上bug出现的原因：