页面构建小工具

让图片显示：

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

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

我们一般用来调试样式问题。

第一步：存储所需要修改的CSS文件

第二步：打开Fiddler，刷新页面

第三步：选中所需要调试修改的文件

点击右侧的autoresponder –》 Add

即将线上的也是我们需要调试的样式文件添加进来。

第四步，将之前存好的样式表文件，添加到Fiddler中

选择文件后，点击Save，大功告成。接下来就可以进行调试了。

修改CSS文件后，直接刷新页面，即可显示出最新更改调试的新样式。

当然，Fiddler 工具的作用不止于此，比如网速模拟等