身为前端仔,你竟然不会用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

时间: 2024-11-19 23:44:23

身为前端仔,你竟然不会用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?! (二)——监听手机请求和代理手机的资源

上一次说fiddler的时候,就简单地介绍了一下它的厉害的代理抓包功能.今天就说一下如何用fiddler来监听手机请求和代理手机的资源. 1.首先配置 fiddler允许"远程连接" 菜单栏Tools-->FiddlerOptions-->Connections 选中"Allowremote computers to connect".  是允许别的机器把HTTP/HTTPS请求发送到Fiddler上来. 2.然后ping一下自己电脑的ip 电脑开始菜单

清除页面广告?身为前端,自己做一款简易的Chrome扩展吧

大家肯定有这样的经历,浏览网页的时候,左右两端广告,诸如“屠龙宝刀,点击就送”,以及最近火的不行的林子聪37传奇霸业什么“霸业面具,霸业吊坠”的魔性广告总是充斥我们的眼球. 当然有现成的插件可以清除页面广告,但是既然身为一名程序猿,尤其是FEDer,为什么不尝试一下自己写一个清除广告的插件呢.其实,编写一个浏览器插件十分简单,尤其是chrome插件,可以完全使用前端技术(HTML/CSS/JS)完成一个自己编写的插件.让我们一步一步,学习一下如何编写一个简单的清除广告的插件,跟烦人的页面广告sa

身为前端开发工程师,你需要了解的搜索引擎优化SEO.

网站url网站创建具有良好描述性.规范.简单的url,有利于用户更方便的记忆和判断网页的内容,也有利于搜索引擎更有效的抓取您的网站.网站设计之初,就应该有合理的url规划. 处理方式: 1.在系统中只使用正常形式url,不让用户接触到非正常形式的url. 2.不把session id.统计代码等不必要的内容放在url中. 3.不同形式的url,301永久跳转到正常形式. 4.防止用户输错而启用的备用域名,301永久跳转到主域名. 5.使用robots.txt禁止Baiduspider抓取您不想向

大数据时代的图表可视化利器——highcharts,D3和百度的echarts

还记得阿里巴巴那个令人澎湃激情的双十一吗?还记得淘宝生动形象地把你的的消费历程一一地展示给你看吗?还记得那些酷炫拽的it报告图表吗?在这个大数据越来越盛行的年代,怎样去表达一些用户的关系,人物的关联,甚至是事情的发展,都让我们有更多的表达方式.其中最简单直接,形象明了的就是用图表说明问题了. 如果在以前,要实现各种图表,可能很多人会选择flash.但是flash成本较高,图表多的时候很耗性能.后来越来越多的纯js框架出现,让大家有了更多的选择.所以接下来我想推荐几个不错的图表js框架给大家用.

前端闲谈

今日与一朋友闲聊,朋友突然问起,你说你们学前端的到底是干什么的,有什么用啊?然后一脸傲娇高谈Java的啪啦啪啦啪啦~ 然而我的内心却是 什么?!你竟然说前端没用?! 不过细细想来,1995年JavaScript才问世,我们前端作为TI界的"新人" ,  的确常常被人误解,受了不少委屈 今天,博主立志要为前端洗清冤屈,一雪前耻! 我眼中的前端 在博主看来,前端就是整个互联网的门面,是互联网展现自我魅力的直接方式,是互联网的颜值担当! 你说颜值重要吗??! 说不重要的来咱俩谈谈,谈谈你媳妇

我对知乎前端相关问题的十问十答

之前知乎上有不少同行邀请我回答一些前端相关问题,但是,大家都知道了,要认真回答一个问题是需要大量时间和精力的,对于还在不断学习积累阶段的我,时不时分散原本的精力,打乱自己原本的节奏,实际上是一件不划算的事情.就好像邮件或者微信,来一条信息,你就去看一下,时间和精力都会大大分散,工作和学习效率必然会大打折扣.所以我的策略是一段时间后专门花时间统一处理,这样时间利用率会更高,投入产出比会更大. 对于知乎上的这些前端的问题,我也打算采用同样的套路,趁着端午节前还有两个晚上的自由时间(当晚修正:两个晚上

【转载】张鑫旭对知乎前端相关问题的十问十答

问题一.前端现在怎么这么多人? 原问题地址是:https://www.zhihu.com/question/55886635 问题描述如下: 投出去的简历没有人看了 我的回答: 想来想去,还是从一个非前端领域的切身故事说起吧. 我的老家江苏泰兴是中国银杏之乡,产量全国1/3,而我外公家宣堡镇除了小馄饨出门,还是就是中国银杏第一乡的美称.在我小的时候,银杏的药用价值和使用价值被发掘,银杏价格突然猛增,那个时候的银杏树是没有人专门种植的,全部都是很早很早以前的那些老树,百年以上的比比皆是,或者说全部

漫谈前端之路

前言 前端之路何其漫漫~ 说明:本篇文章原是写给学弟学妹的,但想来花的功夫确实不少,就把此篇文章当做自己的一个阶段性总结文章了,会保持长期更新. HTML 总的来说HTML并不难,甚至可以说很无脑--HTML的标签个人觉得过一遍就得,知道什么时候该用什么标签就可以了,因为在以后的开发中打交道最多的就是各种各样的标签,想不熟都难.就像现在我写这篇文章用的Markdown一样,只是几个标签的反复应用.那么html的学习就相对来说很自由了,可以跟着w3schoolW3school网址过一遍标签,网上也