SlideShare une entreprise Scribd logo
1  sur  54
Télécharger pour lire hors ligne
介绍

Introduce Fiddler Tips and Tricks

Fiddler常用技巧

钟志
去哪儿无线事业部
2013-11-30
网名:西风瘦马
• 热爱前端和新技术
• 爱好摄影和美食
• W3C HTML5 中文兴趣小组成员

http://pad.qunar.com

xunlei

sina

baidu

qunar
目 录

1. 认识Fiddler

Fiddler
使用技巧

2. 常用功能
3. 扩展Fiddler
4. 常见问题
5. 相关资源
1.1

Fiddler — 网页调试代理服务器

Fiddler是一个HTTP调试代理,它能够记录并检查所有电
脑和互联网之间的HTTP通讯,设置断点,查看Fiddler所
有的“进出”的数据。
1.2

Fiddler工作原理

Fiddler是一个通过捕获HTTP请求和响应内容达到调试目
的代理服务器。
Firewall
Firefox

CryptoAPI

WinHTTP

Internet
Explorer

WinINET

Office

Fiddler

CorpNET
Proxy

example.com
1.3

安装合适的Fiddler

1. 先安装 Microsoft .NET Framework
2. 去官方下载最新版本
http://fiddler2.com/get-fiddler
1.4

界面一览

Sessions List

QuickExec Box

Tabs
目 录

1. 认识Fiddler

Fiddler
使用技巧

2. 常用功能
3. 扩展Fiddler
4. 常见问题
5. 相关资源
2.1

过滤指定的会话

Fiddler提供了多种会话过滤方式:
 所有进程
 浏览器进程

 单一进程
 自定义过滤
2.2

找到所需的会话

Fiddler提供了多种方式快速定位所需的会话:
 右键菜单select
 Find sessions

 QuickExec命令
2.3

QuickExec Box

快速执行盒子能让你快速启动一个命令脚本,它可以选
择你需要的会话,也可以执行一些功能性的函数

•
•
•
•
•
•
•
•

?sometext
>size
=status
=method
bpafter
urlreplace
start
stop
2.4

Breakpoint

“

断点,调试器的功
能之一,可以让程序
中断在需要的地方,
从而方便其分析。
Introduce Fiddler Tips and Tricks
2.5.1
Introduce Fiddler Tips and Tricks
2.5

Timeline View

在时间视图上,你可以直观的以瀑布流的方式看到HTTP
请求
2.5.1

瀑布图

1. 在会话列表中选择多个会话
2. 选择Timeline tab
2.5.2

Streaming Mode

在该模式下,breakpoint失效,接收到服务器内容返回
时立即返回给浏览器,不在Fiddler缓存
流媒体播放页面必须使用该模式
2.6

Simulate Mode Speeds

模拟低网速,用于调试2G网络
Introduce Fiddler Tips and Tricks
2.7

禁用缓存

开发时禁用缓存
Chrome Dev Tools有类似的功能
Introduce Fiddler Tips and Tricks
2.8

Fiddler HOSTS

The HOSTS... command on the Tools menu allows
you to easily retarget requests from one host to
another.
2.8.1

Windows HOSTS
Introduce Fiddler Tips and Tricks
2.8

Windows HOSTS VS. Fiddler HOSTS

系统级别

1

软件级别

不太方便

2

使用方便

安全软件还原

3

支持端口
2.9

录制/还原会话信息

1. 保留现场,录制会话信息,导出.SAZ文件
2. 调试时导入.SAZ,还原现场
Introduce Fiddler Tips and Tricks
2.10

比较会话

比较两个网络会话的数据信息差异
需要安装有DIFF工具
Introduce Fiddler Tips and Tricks
2.11

Composer – 请求构造器

旧版中的Request Builder
快速克隆会话信息,发起请求
表单提交类网页开发时尤其有用
拖拽
2.12

AutoResponder

这可能是前端工程师使用频率最高的一项功能
它能将一个URL映射到本地文件
从此,调试线上bug不再困难。。。
2.12

匹配规则和响应方式
匹配规则
1. 明文模糊匹配
2. 严格精确匹配
3. 正则匹配

响应方式
1. 本地文件
2. 网络文件
3. 其他操作
2.13

和其他翻墙代理一起工作

将Fiddler与其他代理服务器一起工作
一边翻墙,一边开发

1. 关闭Fiddler
2. 在“Internet选项”中设置代理
3. 开启Fiddler(检查About窗口)
2.14

我是Mac党?

移动互联网时代,前端开发需要面对的终端更多……
其他操作系统下使用Fiddler

PocketPC

Linux

Mac

PC

2.14

Fiddler

Internet
2.14

修改配置

1. Tools  Fiddler
Options 
Connections
2. 选中【Allow
remote
computers to

connect】
3. 重启Fiddler
4. 将设备的代理服

务器设置为

X.X.X.X : 8888
目 录

1. 认识Fiddler

Fiddler
使用技巧

2. 常用功能
3. 扩展Fiddler
4. 常见问题
5. 相关资源
3.1

FiddlerScript脚本

Fiddler包含一个简单却功能强大的基于JScript.NET事件
脚本子系统,它的灵活性非常棒,可以支持众多的HTTP
调试任务。
3.1

CustomRules.js
3.2

Fiddler插件

http://fiddler2.com/add-ons
分为两类:
1. 官方插件
2. 第三方插件
3.2.1

3 Syntax-Highlighting add-ons

代码高亮插件,会在以下几处地方高亮代码:
• Script Editor
• Fiddler Script Tab
• Inspectors  SyntaxView
3.2.2

JavaScript Formatter

JavaScript代码美化插件,可以在加载后美化,也可以在
发送给浏览器之前自动美化,便于代码调试。
3.2.3

Stave add-ons
 目录替换
 项目配置管理
 自定义颜色
 上下行网速限制

http://code.google.com/p/stave/
3.3

用.NET扩展Fiddler

通过 IFiddlerExtension 接口来扩展Fiddler,可以使用
任何.NET语言来开发,与FiddlerScript相比,好处是:
1. 更加丰富的UI组件
2. 更便于安装传播
目 录

1. 认识Fiddler

Fiddler
使用技巧

2. 常用功能
3. 扩展Fiddler
4. 常见问题
5. 相关资源
4.1

安装后不能正常启动
启动时报错

本地未安装Microsoft .NET
Framework,或者安装的版本过低,请
安装 http://www.microsoft.com/zhcn/download/confirmation.aspx?id=
1639
4.2

抓不到Firefox的包
抓不到Firefox的数据包
1. 检查是否安装了FiddlerHook插件,并启用了该插件

2. 设置是否正确
4.3

抓不到IE/Chrome的包
抓不到Chrome/IE的数据包
是否安装了代理服务器类的浏览器插件,禁用此类插件
目 录

1. 认识Fiddler

Fiddler
使用技巧

2. 常用功能
3. 扩展Fiddler
4. 常见问题
5. 相关资源
5.1

相关资源
官方网站
http://www.fiddler2.com/

文档
http://fiddler2.com/documentation/

讨论组
https://groups.google.com/forum/?fromgroups#!forum/httpfiddler

视频教程
http://www.youtube.com/playlist
你
遇
到
哪
些

问
题
钟 志

zhong.zhi@163.com
weibo.com/zhongzhi

Contenu connexe

En vedette

The art of Lita Cabellut - Dephts of Humanity
The art of Lita Cabellut - Dephts of HumanityThe art of Lita Cabellut - Dephts of Humanity
The art of Lita Cabellut - Dephts of HumanityBabylon Magazine
 
邮件沟通技巧
邮件沟通技巧邮件沟通技巧
邮件沟通技巧Zhi Zhong
 
Icfcc conference real
Icfcc conference realIcfcc conference real
Icfcc conference realUM
 
钟志 第八期Web标准化交流会
钟志 第八期Web标准化交流会钟志 第八期Web标准化交流会
钟志 第八期Web标准化交流会Zhi Zhong
 
Html5不只是个传说
Html5不只是个传说Html5不只是个传说
Html5不只是个传说Zhi Zhong
 
David Villa, Laduma Hunter
David Villa, Laduma HunterDavid Villa, Laduma Hunter
David Villa, Laduma HunterBabylon Magazine
 
单页面开发遇到的一些问题
单页面开发遇到的一些问题单页面开发遇到的一些问题
单页面开发遇到的一些问题Zhi Zhong
 
iOS 8 and iPhone 6 for web developers and designers
iOS 8 and iPhone 6 for web developers and designersiOS 8 and iPhone 6 for web developers and designers
iOS 8 and iPhone 6 for web developers and designersZhi Zhong
 
Getting started with fiddler
Getting started with fiddlerGetting started with fiddler
Getting started with fiddlerZhi Zhong
 
2014 Touch RD Summary & Work Report
2014 Touch RD Summary & Work Report2014 Touch RD Summary & Work Report
2014 Touch RD Summary & Work ReportZhi Zhong
 

En vedette (15)

The art of Lita Cabellut - Dephts of Humanity
The art of Lita Cabellut - Dephts of HumanityThe art of Lita Cabellut - Dephts of Humanity
The art of Lita Cabellut - Dephts of Humanity
 
邮件沟通技巧
邮件沟通技巧邮件沟通技巧
邮件沟通技巧
 
Icfcc conference real
Icfcc conference realIcfcc conference real
Icfcc conference real
 
钟志 第八期Web标准化交流会
钟志 第八期Web标准化交流会钟志 第八期Web标准化交流会
钟志 第八期Web标准化交流会
 
Exact Online Onderwijs
Exact Online OnderwijsExact Online Onderwijs
Exact Online Onderwijs
 
Bm#11 Arena
Bm#11  ArenaBm#11  Arena
Bm#11 Arena
 
Html5不只是个传说
Html5不只是个传说Html5不只是个传说
Html5不只是个传说
 
David Villa, Laduma Hunter
David Villa, Laduma HunterDavid Villa, Laduma Hunter
David Villa, Laduma Hunter
 
单页面开发遇到的一些问题
单页面开发遇到的一些问题单页面开发遇到的一些问题
单页面开发遇到的一些问题
 
iOS 8 and iPhone 6 for web developers and designers
iOS 8 and iPhone 6 for web developers and designersiOS 8 and iPhone 6 for web developers and designers
iOS 8 and iPhone 6 for web developers and designers
 
Getting started with fiddler
Getting started with fiddlerGetting started with fiddler
Getting started with fiddler
 
The flaites
The flaitesThe flaites
The flaites
 
2014 Touch RD Summary & Work Report
2014 Touch RD Summary & Work Report2014 Touch RD Summary & Work Report
2014 Touch RD Summary & Work Report
 
Why use linkedin
Why use linkedinWhy use linkedin
Why use linkedin
 
Animals In Danger
Animals In DangerAnimals In Danger
Animals In Danger
 

Dernier

函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptx
函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptx函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptx
函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptxNCU MCL
 
20200727_Insight workstation
20200727_Insight workstation20200727_Insight workstation
20200727_Insight workstationJamie (Taka) Wang
 
SymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptx
SymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptxSymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptx
SymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptxNCU MCL
 
函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptx
函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptx函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptx
函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptxNCU MCL
 
20200808自營電商平台策略討論
20200808自營電商平台策略討論20200808自營電商平台策略討論
20200808自營電商平台策略討論Jamie (Taka) Wang
 
SymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptx
SymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptxSymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptx
SymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptxNCU MCL
 
买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】
买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】
买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】黑客 接单【TG/微信qoqoqdqd】
 
函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptx
函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptx函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptx
函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptxNCU MCL
 
函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptx
函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptx函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptx
函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptxNCU MCL
 

Dernier (17)

20200427_hardware
20200427_hardware20200427_hardware
20200427_hardware
 
函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptx
函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptx函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptx
函數畫圖_習題6.pptx 函數畫圖_習題6.pptx 函數畫圖_習題6.pptx
 
20200727_Insight workstation
20200727_Insight workstation20200727_Insight workstation
20200727_Insight workstation
 
20210105_量產技轉
20210105_量產技轉20210105_量產技轉
20210105_量產技轉
 
20200429_software
20200429_software20200429_software
20200429_software
 
20220113_product_day
20220113_product_day20220113_product_day
20220113_product_day
 
20200429_ec
20200429_ec20200429_ec
20200429_ec
 
SymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptx
SymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptxSymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptx
SymPy 在微積分上的應用_4.pptx SymPy 在微積分上的應用_4.pptx
 
20200606_insight_Ignition
20200606_insight_Ignition20200606_insight_Ignition
20200606_insight_Ignition
 
函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptx
函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptx函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptx
函數畫圖_習題7.pptx 函數畫圖_習題7.pptx 函數畫圖_習題7.pptx
 
20200602_insight_business
20200602_insight_business20200602_insight_business
20200602_insight_business
 
20200808自營電商平台策略討論
20200808自營電商平台策略討論20200808自營電商平台策略討論
20200808自營電商平台策略討論
 
SymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptx
SymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptxSymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptx
SymPy 在微積分上的應用_5.pptx SymPy 在微積分上的應用_5.pptx
 
20200607_insight_sync
20200607_insight_sync20200607_insight_sync
20200607_insight_sync
 
买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】
买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】
买假和真英国驾驶执照买了假的英国驾照,那跟真的有什么区别吗?买假和真正的澳大利亚驾驶执照【微信qoqoqdqd】
 
函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptx
函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptx函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptx
函數微分_習題4.pptx 函數微分_習題4.pptx 函數微分_習題4.pptx
 
函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptx
函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptx函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptx
函數畫圖_習題5.pptx 函數畫圖_習題5.pptx 函數畫圖_習題5.pptx
 

Introduce Fiddler Tips and Tricks