《2022年Fiddler图文教程精藏版 .pdf》由会员分享,可在线阅读,更多相关《2022年Fiddler图文教程精藏版 .pdf(19页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Fiddler 图文教程Fiddler是最强大最好用的Web 调试工具之一,它能记录所有客户端和服务器的http和 https请求,允许你监视,设置断点,甚至修改输入输出数据. 使用 Fiddler无论对开发还是测试来说,都有很大的帮助。阅读目录1.Fiddler的基本介绍2.Fiddler的工作原理3.同类的其它工具4.Fiddler如何捕获 Firefox 的会话5.Fiddler如何捕获 HTTPS 会话6.Fiddler的基本界面7.Fiddler的统计视图8.QuickExec命令行的使用9.Fiddler中设置断点修改Request10.Fiddler中设置断点修改Response
2、11.Fiddler中创建 AutoResponder规则12.Fiddler中如何过滤会话13.Fiddler中会话比较功能14.Fiddler中提供的编码小工具15.Fiddler中查询会话16.Fiddler中保存会话17.Fiddler的 script系统18.如何在 VS 调试网站的时候使用FiddlerFiddler的基本介绍Fiddler的官方网站 : Fiddler官方网站提供了大量的帮助文档和视频教程,这是学习 Fiddler的最好资料。Fiddler是最强大最好用的Web 调试工具之一,它能记录所有客户端和服务器的http和 https请求,允许你监视,设置断点,甚至修改输
3、入输出数据,Fiddler包含了一个强大的基于事件脚本的子系统,并且能使用 .net 语言进行扩展你对 HTTP 协议越了解,你就能越掌握Fiddler的使用方法 . 你越使用 Fiddler, 就越能帮助你了解HTTP协议 . Fiddler无论对开发人员或者测试人员来说,都是非常有用的工具名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页,共 19 页 - - - - - - - - - Fiddler的工作原理Fiddler 是以代理 web 服务器的形式工作的,它使用代理
4、地址:127.0.0.1, 端口 :8888. 当 Fiddler退出的时候它会自动注销, 这样就不会影响别的程序。不过如果 Fiddler非正常退出, 这时候因为Fiddler没有自动注销,会造成网页无法访问。解决的办法是重新启动下Fiddler. 同类的其它工具同类的工具有 : httpwatch, firebug, wireshark 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页,共 19 页 - - - - - - - - - Fiddler 如何捕获 Firefo
5、x的会话能支持 HTTP 代理的任意程序的数据包都能被Fiddler嗅探到, Fiddler的运行机制其实就是本机上监听8888 端口的 HTTP 代理。Fiddler2启动的时候默认IE 的代理设为了127.0.0.1:8888,而其他浏览器是需要手动设置的,所以将Firefox的代理改为127.0.0.1:8888就可以监听数据了。Firefox 上通过如下步骤设置代理点击 : Tools - Options, 在 Options 对话框上点击Advanced tab - network tab - setting. Fiddler如何捕获 HTTPS 会话默认下, Fiddler不会捕获
6、 HTTPS 会话,需要你设置下, 打开 Fiddler Tool-Fiddler Options-HTTPS tab 选中 checkbox, 弹出如下的对话框,点击YES 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页,共 19 页 - - - - - - - - - 点击 Yes 后,就设置好了Fiddler的基本界面看看 Fiddler的基本界面名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整
7、理 - - - - - - - 第 4 页,共 19 页 - - - - - - - - - Inspectors tab下有很多查看Request或者 Response的消息。其中 Raw Tab 可以查看完整的消息,Headers tab 只查看消息中的header. 如下图名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页,共 19 页 - - - - - - - - - Fiddler的 HTTP 统计视图通过陈列出所有的HTTP 通信量, Fiddler可以很容易的向您
8、展示哪些文件生成了您当前请求的页面。使用Statistics页签,用户可以通过选择多个会话来得来这几个会话的总的信息统计,比如多个请求和传输的字节数。选择第一个请求和最后一个请求,可获得整个页面加载所消耗的总体时间。从条形图表中还可以分别出哪些请求耗时最多,从而对页面的访问进行访问速度优化名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页,共 19 页 - - - - - - - - - QuickExec命令行的使用Fiddler的左下角有一个命令行工具叫做QuickExec,
9、 允许你直接输入命令。常见得命令有help 打开官方的使用页面介绍,所有的命令都会列出来cls 清屏(Ctrl+x 也可以清屏 ) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页,共 19 页 - - - - - - - - - select 选择会话的命令?.png 用来选择 png 后缀的图片bpu 截获 request Fiddler中设置断点修改 Request Fiddler最强大的功能莫过于设置断点了,设置好断点后, 你可以修改httpRequest 的任何信息包
10、括host, cookie或者表单中的数据。设置断点有两种方法第一种:打开Fiddler 点击 Rules- Automatic Breakpoint -Before Requests(这种方法会中断所有的会话 ) 如何消除命令呢?点击 Rules- Automatic Breakpoint -Disabled 第二种 : 在命令行中输入命令: bpu (这种方法只会中断) 如何消除命令呢?在命令行中输入命令bpu 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页,共 19 页
11、 - - - - - - - - - 看个实例,模拟博客园的登录,在 IE 中打开博客园的登录页面,输入错误的用户名和密码,用Fiddler中断会话,修改成正确的用户名密码。这样就能成功登录1. 用 IE 打开博客园的登录界面http:/ 2. 打开 Fiddler, 在命令行中输入bpu http:/ 3. 输入错误的用户名和密码点击登录4. Fiddler 能中断这次会话,选择被中断的会话,点击Inspectors tab下的 WebForms tab 修改用户名密码,然后点击Run to Completion 如下图所示。5. 结果是正确地登录了博客园名师资料总结 - - -精品资料欢迎
12、下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页,共 19 页 - - - - - - - - - Fiddler中设置断点修改 Response 当然 Fiddler中也能修改Response 第一种:打开Fiddler 点击 Rules- Automatic Breakpoint -After Response (这种方法会中断所有的会话 ) 如何消除命令呢?点击 Rules- Automatic Breakpoint -Disabled 第二种 : 在命令行中输入命令: bpuafter (这种方法只会中断
13、) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页,共 19 页 - - - - - - - - - 如何消除命令呢?在命令行中输入命令bpuafter, 具体用法和上节差不多,就不多说了。Fiddler中创建 AutoResponder规则Fiddler 的 AutoResponder tab允许你从本地返回文件,而不用将http request 发送到服务器上。看个实例 . 1. 打开博客园首页,把博客园的logo图片保存到本地,并且对图片做些修改。2. 打开 Fidd
14、ler 找到 logo图片的会话,http:/ Tab 下3. 选择 Enable automatic reaponses 和 Unmatched requests passthrough 4. 在下面的 Rule Editor 下面选择Find a file. 选择本地保存的图片. 最后点击 Save 保存下。5. 再用 IE 博客园首页 , 你会看到首页的图片用的是本地的。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页,共 19 页 - - - - - - - - -
15、名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页,共 19 页 - - - - - - - - - Fiddler中如何过滤会话每次使用 Fiddler, 打开一个网站,都能在Fiddler中看到几十个会话,看得眼花缭乱。最好的办法是过滤掉一些会话,比如过滤掉图片的会话. Fiddler中有过滤的功能 , 在右边的 Filters tab中,里面有很多选项, 稍微研究下,就知道怎么用。Fiddler中会话比较功能名师资料总结 - - -精品资料欢迎下载 - - - - - -
16、 - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页,共 19 页 - - - - - - - - - 选中 2 个会话,右键然后点击Compare,就可以用WinDiff来比较两个会话的不同了(当然需要你安装WinDiff) Fiddler中提供的编码小工具点击 Fiddler 工具栏上的TextWizard, 这个工具可以Encode和 Decode string. 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页,共
17、19 页 - - - - - - - - - Fiddler中查询会话用快捷键 Ctrl+F 打开 Find Sessions的对话框,输入关键字查询你要的会话。查询到的会话会用黄色显示名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页,共 19 页 - - - - - - - - - Fiddler中保存会话有些时候我们需要把会话保存下来,以便发给别人或者以后去分析。保存会话的步骤如下:选择你想保存的会话,然后点击File-Save-Selected Sessions Fid
18、dler的 script系统Fiddler最复杂的莫过于script系统了官方的帮助文档: http:/ SyntaxView插件, Inspectors tab-Get SyntaxView tab-Download and Install SyntaxView Now. 如下图名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页,共 19 页 - - - - - - - - - 安装成功后 Fiddler 就会多了一个Fiddler Script tab, 如下图名师资料总结
19、 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 17 页,共 19 页 - - - - - - - - - 在里面我们就可以编写脚本了,看个实例让所有 cnblogs的会话都显示红色。把这段脚本放在OnBeforeRequest(oSession: Session) 方法下,并且点击Save script if (oSession.HostnameIs() oSessionui-color = red; 复制代码这样所有的 cnblogs的会话都会显示红色如何在 VS 调试网站的时候使用Fidd
20、ler 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 18 页,共 19 页 - - - - - - - - - 我们在用 visual stuido 开发 ASP.NET 网站的时候也需要用Fiddler来分析 HTTP , 默认的时候Fiddler是不能嗅探到localhost的网站。不过只要在localhost后面加个点号,Fiddler就能嗅探到。例如:原本 ASP.NET 的地址是http:/localhost:2391/Default.aspx,加个点号后,变成http:/localhost.:2391/Default.aspx 就可以了名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 19 页,共 19 页 - - - - - - - - -