fiddler界面和功能讲解.pptx

fiddler界面和功能 张书欣 Fiddler 界面和功能 基本界面 搜索 过滤器 Statistics页签 断点 作用 设置断点 实例 AutoResponder规则 说明 实例 小结 Fiddle界面和功能-基本界面 Fiddle界面和功能-基本界面 Inspectors tab下有很多查看Request或者Response的消息。 其中Raw Tab可以查看完整的消息，Headers tab 只查看消息中的header. 如下图 Fiddle界面和功能-搜索 用快捷键Ctrl+F 打开 Find Sessions的对话框，输入关键字查询你要的会话。 查询到的会话会用黄色显示 搜索包含某个词语的数据流 Fiddle界面和功能-过滤器 标记、修改或隐藏指定特征的数据流 Fiddle界面和功能-Statistics页签 使用Statistics页签，用户可以通过选择多个会话来 得来这几个会话的总的信息统计，比如多个请求 和传输的字节数。 选择第一个请求和最后一个请求，可获得整个 页面加载所消耗的总体时间。从条形图表中还 可以分别出哪些请求耗时最多，从而对页面的 访问进行访问速度优化 Fiddle-断点-作用 修改HTTP请求头信息。例如修改请求头的UA, Cookie, Referer 信息，通过“伪造”相应信息达到达到相应的目的（调试，模拟用户真实请求等）。 构造请求数据，突破表单的限制，随意提交数据。避免页面js和表单限制影响相关调试。 拦截响应数据，修改响应实体。 Fiddle-设置断点 有两种方法设置断点： 1.fiddler菜单栏-rules-automatic Breakpoints-选择断点方式，这种情况下设定的断点会对之后的所有HTTP请求有效。 有两个断点位置： a. before response。也就是发送请求之后，但是Fiddler代理中转之前，这时可以修改请求的数据。 b.after response。也就是服务器响应之后，但是在Fiddler将响应中转给客户端之前。这时可以修改响应的结果。 2.命令行下输入。Bpafter xxx或者bpv,bpu,bpm等设置断点。这种断点只针对特定类型的请求。 终止断点的方式有： 1. 在inspector界面点击“run complete“即会终止本次HTTP请求的断点。 2. 输入go命令，也会使得当前的请求跳过断点。 3. 在rules-auto breakpoint中disabled断点即可。 Fiddle-断点-实例 1、用IE浏览器打开登录界面http://2016./ 2、打开Fiddler，点击Rules- Automatic Breakpoint -Before Requests 3、输入错误的用户名和密码 点击登录 4、Fiddler 能中断这次会话，选择被中断的会话，点击Inspectors tab下的WebForms tab 修改用户名密码，然后点击Run to Completion（如下图所示） 5、正确登录网站 6、取消断点：在rules-auto breakpoint中disabled断点 Fiddle-断点-实例 Fiddle-AutoResponder规则-说明 有些时候在测试环境和线上环境的不同，导致在线系统的js难易跟踪调试特别是一些动态js脚本。fiddler这个工具给我减少了很多调试上的烦恼，尤其是强大的AutoResponder. 它可以抓取在线页面保存到本地进行调试，这大大减少了在线调试的困难。 Fiddle-AutoResponder规则-实例 Fiddler 的AutoResponder tab允许你从本地返回文件，而不用将http request 发送到服务器上 实例 1、进入新服装网站，打开一个款式图 2、打开Fiddler 找到logo图片的会话/fashion/stylegraphic/20160521011/man/OthersEur/2016SS/Knit/Long_Sleeve/20160520155222/big/2ebd89b656475641ba1b1e6cb003ca1b.jpg 3、选择Enable rules 和Unmatched requests passthrough 4、在下面的Rule Editor 下面选择 Find a file... 选择本地保存的图片. 最后点击Save 保存下。 5、再刷新该款式图页面，会看到款式的图片用的是本地的 Fiddle-AutoResponder规则-实例 Fiddle-AutoResponder规则-实例 Fiddle-AutoResponder规则-小结 小结： AutoResponder功能是Fiddle