Web开发中有个大名鼎鼎的工具:Fiddler。Fiddler是一个http调试代理,它能够记录你电脑和互联网之间的所有http通讯。Fiddler可以让你检查所有的http通讯,设置断点,以及Fiddle(Fiddle的英文意思是胡乱修改,很幽默的表达Fiddler的用途)所有“进出”的数据(指cookie,html,js,css等数据)。
Custom Rules增强 (主要还是提供一种思路,改善我们的工具,以提高效率)
脚本地址,没有修改过CustomRules的同学请在Fiddler里按Ctrl+R直接替换,有修改过的请在脚本里查找yunqian自行添加(有三组)。
如上图,最下面的两个菜单项是新增的
- Debug with Source Files
将a.tbcdn.cn和assets.taobaocdn.com的js和css文件替换为source文件(如果路径包含-min,去掉-min),
并修改他们的过期时间,避免缓存 - Hide Images, AD Sessions and Hightlight CSS, JS(默认选中)
隐藏图片、广告等对于调试无用的session信息
高亮显示CSS(绿)、JS(红)
Hosts增强版(Tools > Hosts)
位置在 Tools > Hosts (没找到的同学请更新下Fiddler版本)
- 可用来快速切换本地、日常、预发环境
- 支持端口和域名
- 不需麻烦地重启浏览器或执行ipconfig /flushdns
不捕获HTTPS连接(MSN正常使用必备)
Fiddler Options > HTTPS > 取消勾选 "Capture HTTPS CONNECTs"
不弹出确认窗口
Fiddler Options > General > 取消勾选 "Show a message when HTTP protocol violations encountered"
常用快捷键
- Ctrl+X 清空session记录
- Ctrl+M 最小化到状态栏
- Ctrl+Alt+F 恢复Fiddler窗口
类似的Fiddler技巧,还有..
yubo, http://lifesinger.org/blog/2008/08/how-to-debug-js-css-online/ http://lifesinger.org/blog/2009/02/fiddler-usage-tips/
fiddler gfw, http://www.fiddler2.com/fiddler/help/video/default.asp