前端利器之fiddler
Jun24 Post in: 学习生活
实在是非常喜欢这个工具，虽然刚刚才知道这个宝贝的一点点用处，但是我想可以拿出来分享的。先设想一种情况：如果线上出了bug，你修复的过程应该是（启动线下环境 -> 调试 -> 发布 -> 上线检查一致性），到这里往往最不愿意的事情是第一步。启动线下环境，而且线下环境还和线上不一样，更加郁闷了。比如数据，线下都是自己的，如果想另存网页下来调试呢，又会存在一堆跨域的问题，而看URL是c:\xxx\xxx.html的感觉也不原生态。
现在好了，luck的是有了fiddler，可以帮你变魔法骗过浏览器，当你输入baidu却打开google的时候不要惊讶，很有可能是这东西干的，那如果置换是它的作用，那么怎样利用呢？想知道吗？用洗诺的话：一旦学会就像单车一样，再也忘不掉了，而且遇到很多情况就会情不自禁去用嗒。
好了，言归正传，来点实际的，比如你最头痛的页面是…葉子最头疼的页面是http://trustworthy.alibaba.com/
现在我们要想办法弄坏他。第一步 tab选中autoresponder
第二步 右边点add
这里写上http://trustworthy.alibaba.com
变成这样
ps. 这里是选择要被映射的url，说白点就是你最讨厌的页面的网址啦
next——go！go！go！
第三步 存一份http://trustworthy.alibaba.com/的源码到本地，因为事先没准备好“替死鬼”页面，所以先准备一下，存一个http://trustworthy.alibaba.com/的源码到本地，是源码哦，不是另存为页面，我们不需要那些多于图片，注意编码！文件名补个*.html，我们就保存放在桌面上先，放好继续…
第四步 回到fiddler，看输入网址的右边我们还没写呢，下拉一下，选最后一个find a file，打开一个对话框，如下图
然后找到保存在桌面的“替死鬼”页面，搞好继续…到这里我们可以来恶搞了。
用编辑器打开那个替死鬼页面，顺便打开线上的页面，开始修改本地文件的里面的代码吧。然后再看看线上的，神奇的事情就会发生了。比如用葉子保存的http://trustworthy.alibaba.com这个页面的源代码做示范。
删除116～112行的代码，在浏览器里面F5下看看。神奇的事情即将上演…
13 Responses for "前端利器之fiddler"
简化版的firebug?
[Reply]
leaf7 Reply:
June 24th, 2010 at 10:49
@Yang,
不是。
[Reply]
Yang Reply:
June 29th, 2010 at 20:57
@leaf7,
啊哈哈,今天在网吧,调试个网页,懒得安装本地服务器工具了.
突然想起叶子MM的这个工具,果然好用~~
收藏了~~
[Reply]
leaf7 Reply:
June 30th, 2010 at 08:55
@Yang,
这个那是相当的好用
洗诺同学又在泡MM……
[Reply]
leaf7 Reply:
June 24th, 2010 at 13:16
@jerry, no，你想多了…
[Reply]
看上去不错～
如果网站里的东西是动态生成的，这个工具还有效果吗？
[Reply]
一直是用firebug
[Reply]
这个看起来非常复杂呢
只会用点简单的调试工具
[Reply]
要是有个汉化的就更好了
[Reply]
正在学用fiddler
[Reply]
怎么全是英文啊！！
[Reply]
貌似是款很不错的工具。。ps：我感觉你博客的阅读区域太窄了点。。
[Reply]