首页 > 代码库 > 身为前端仔,你竟然不会用fiddler?!

身为前端仔,你竟然不会用fiddler?!

      题目有一些激进。但是在前端界打滚了这么多年,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,优秀的前端样式预处理器

视差滚动的那些事儿


关于那些常见的坑爹的小bug



身为前端仔,你竟然不会用fiddler?!