题目有一些激进。但是在前端界打滚了这么多年，fiddler一直都是陪着我走过来了。它就是一个抓包神奇，代理神器。它的厉害之处，我简单地说一下，希望你们看了以后，能点上32个赞。

      1.fiddler为何物？（下载链接：http://www.baidu.com/s?word=fiddler&tn=sitehao123&ie=utf-8&f=3&rsp=1）

      度娘又出来说话了：Fiddler是一个http协议调试代理工具，它能够记录并检查所有你的电脑和互联网之间的http通讯，设置断点，查看所有的“进出”Fiddler的数据（指cookie,html,js,css等文件，这些都可以让你胡乱修改的意思）。 Fiddler 要比其他的网络调试器要更加简单，因为它不仅仅暴露http通讯还提供了一个用户友好的格式。

      2.fiddler2 的界面

3.fiddler的实用功能介绍

3.1 抓请求，抓链接。举例如下：

譬如我们经常看到webQQ的新闻弹窗，但是又不知道里面有哪些dom元素，

在fiddler上面，我们能监听到web新闻弹窗的网址，我们可以右键，copy它的网址，在网页上面打开，

就是这么简单，就把webQQ新闻的弹窗在浏览器上面打开了。 当然fiddler还能监听请求，图片资源等等等等，我就不一一举例了。

3.2fiddler的强大的代理功能

这个我是很希望看到我这篇文章的童鞋都能学会的一个很好的功能。

通过fiddler，我们可以将网上面的css，js，图片，甚至是html，代理到本地。通俗点说，我们可以用自己电脑上面的css，js，图片，甚至是html代替网上的这些资源。

它的好处就在于，你不用发版任何东西，就能马上看到修改的结果。废话不多说，举例。

      好吧，再举例一个替换图片的例子。

赶快使用吧，你可以不发版随便修改css和js和图片。下次再说说用fiddler代理手机页面。

Author: Alone
Antroduction: 高级前端开发工程师
Sign: 人生没有失败，只有没到的成功。

博主相关文章推荐：

你有想过30几岁后的前端路吗

这些年帮过我的前端框架（实用篇）

移动端上下滑动事件之--坑爹的touch.js

轻轻谈一下seaJs——模块化开发的利器

有趣的前端题目，看了不后悔

移动端前端开发概述

浅谈 标签的语义化

浅谈鼠标滚轮事件

不积跬步无以至千里----高度自适应的textarea

sass和less，优秀的前端样式预处理器

视差滚动的那些事儿

身为前端，你竟然不会用fiddler？！