Fiddler调式使用知多少(一)深刻研究

时间 2019-11-07

标签 fiddler 调式使用多少深刻研究繁體版

原文原文链接

Fiddler调式使用(一)深刻研究php

阅读目录css

Fiddler的基本概念：html

Fiddler是一款基于windows系统的代理服务器软件，本地运行的程序，好比web浏览器及其余客户端的应用程序，能够把http和https请求发送给Fiddler，Fiddler一般把这些请求转发给web服务器，服务器将这些请求的响应返回给Fiddler，Fiddler再把响应转发给客户端。web

Fiddler 是以代理web服务器的形式工做的,它使用代理地址:127.0.0.1, 端口:8888. 当Fiddler会自动设置代理，退出的时候它会自动注销代理，这样就不会影响别的程序。若是Fiddler非正常退出，这时候由于Fiddler没有自动注销，会形成网页没法访问。解决的办法是从新启动下Fiddler便可。windows

回到顶部

安装Fiddler浏览器

安装Fiddler以前须要安装.net framework，我目前的安装的是Fiddler4，因此我下载安装的是.net framework4，以下所示：服务器

安装Fiddler和安装通常的软件没有什么区别，这里就不介绍~~；网络

回到顶部

了解下Fiddler用户界面session

我这边是Fiddler4的界面以下：工具

在fiddler中web session界面中捕获到http请求以下所示：

Web session列表兰中包含了一些信息以下：

回到顶部

理解不一样图标和颜色的含义（下面是常见的）：

回到顶部

web session的经常使用的快捷键

CTRL+A：选中全部的session；

ESC: 取消选中全部的session；

CTRL+I 反向选中；若是session已选中，则取消，不然选中；

CTRL+X 删除全部的session；

Delete：删除选中的session；

Shift+Delete 删除全部未选中的session

R 从新执行当前请求

SHIFT+R 屡次重复执行当前请求

U：无条件从新执行当前请求，发送不包含If-Modified-Since 和 If-None-Match的请求头

SHIFT+U 无条件地屡次重复执行当前请求。

ALT+Enter 查看当前session的属性；

Insert：切换是否用红色粗体标记选中的session

M 给选中的session添加描述；

回到顶部

了解web Session上下文菜单

咱们来点击session一项后，右键菜单，会出现以下所示：

AutoScroll Session List选项用于决定Fiddler是否会自动把新增的session添加到web session列表中。

咱们先来了解下 Copy菜单项的一些session信息以下：

Just Url： 把选中的session的url列表拷贝到剪贴板，每行一个url。以下咱们定位到session中，

当咱们进行粘贴的时候，看到是一个url地址；以下所示：

http://www.telerik.com/UpdateCheck.aspx?isBeta=False

上面能够看到，咱们还可使用快捷键ctrl+u 实现；

This column: 拷贝选中session菜单所在列的文本；以下：

到咱们拷贝完成的时候，进行粘贴的时候，能够看到以下文本：

HTTP

Terse summary：把选中的session的简要说明复制到剪贴板中，简要说明中包括请求方法，url，响应的状态码及状态信息，若是响应是HTTP/3xx重定向，文本中也会包括响应头中Location字段的内容；以下所示：

当咱们进行粘贴的时候，能够看到以下信息：

GET http://www.telerik.com/UpdateCheck.aspx?isBeta=False

200 OK (text/plain)

固然如上也可使用快捷键；

Headers only 把session的请求头复制到剪贴板中，既能够以纯文本格式，也能够以HTML格式复制。以下：

粘贴以下：

GET http://www.telerik.com/UpdateCheck.aspx?isBeta=False HTTP/1.1
User-Agent: Fiddler/4.5.1.2 (.NET 4.0.30319.1026; WinNT 6.1.7601 SP1; zh-CN; 2xx86)
Pragma: no-cache
Accept-Language: zh-CN
Referer: http://fiddler2.com/client/4.5.1.2
Host: www.telerik.com
Accept-Encoding: gzip, deflate
Connection: Close
HTTP/1.1 200 OK
Cache-Control: private
Content-Type: text/plain; charset=utf-8
Content-Encoding: gzip
Vary: Accept-Encoding
Server: Microsoft-IIS/7.5
Set-Cookie: sid=jELer5vxx0gyb7Fw53nCXaobR7BcBb+Ortlpxuq2IuvsiQP1UoSgUO2DLC4HoxbgEq5YLfg959JRyKoL5ZX33nBVHffCk3UQDBWH5XAPRIGiSo9kJOvdHF6iP/UdEvLLyWb43itzcIaZNksXDEnidrB3lVo=; expires=Wed, 02-Jul-2025 01:56:29 GMT; path=/
Access-Control-Allow-Origin: http://converter.telerik.com
Date: Sun, 05 Jul 2015 01:56:29 GMT
Content-Length: 447
Connection: close

Session: 把整个session列表复制到剪贴板中，支持以纯文本和HTML这两种格式进行复制。以下：

粘贴结果以下：

GET http://www.telerik.com/UpdateCheck.aspx?isBeta=False HTTP/1.1
User-Agent: Fiddler/4.5.1.2 (.NET 4.0.30319.1026; WinNT 6.1.7601 SP1; zh-CN; 2xx86)
Pragma: no-cache
Accept-Language: zh-CN
Referer: http://fiddler2.com/client/4.5.1.2
Host: www.telerik.com
Accept-Encoding: gzip, deflate
Connection: Close

HTTP/1.1 200 OK
Cache-Control: private
Content-Type: text/plain; charset=utf-8
Content-Encoding: gzip
Vary: Accept-Encoding
Server: Microsoft-IIS/7.5
Set-Cookie: sid=jELer5vxx0gyb7Fw53nCXaobR7BcBb+Ortlpxuq2IuvsiQP1UoSgUO2DLC4HoxbgEq5YLfg959JRyKoL5ZX33nBVHffCk3UQDBWH5XAPRIGiSo9kJOvdHF6iP/UdEvLLyWb43itzcIaZNksXDEnidrB3lVo=; expires=Wed, 02-Jul-2025 01:56:29 GMT; path=/
Access-Control-Allow-Origin: http://converter.telerik.com
Date: Sun, 05 Jul 2015 01:56:29 GMT
Content-Length: 447
Connection: close

?

?`I?%&/m?{J?J??t??`$?@??????iG#)?*??eVe]f@????{???{???;?N'????\fdl??J??!????~|?"????o??????o???w?{??>??wwog????$=[???2O_f?y??d?v]?i?XUu??g?f?O?n????Z7?d}q^???#

~'????=?_?????I??o???k???z?.?u??

7}???6[?7? }?-[|:o???w'eu???xZ-???uwU5msw????????W??n????v???F???????q?{~????_????q?f????i??????-?eZ??-}:????GOsB?X^?WE;O? ???I??U?]fE?M?|?'??^????M?u?PV?*?'D?4?.???b????4g?YkF?(?S????w???

Response DataURI :响应信息的DataURI
截图以下：

信息以下：

data:text/plain;base64,H4sIAAAAAAAEAO29B2AcSZYlJi9tynt/SvVK1+B0oQiAYBMk2JBAEOzBiM3mkuwdaUcjKasqgcplVmVdZhZAzO2dvPfee++999577733ujudTif33/8/XGZkAWz2zkrayZ4hgKrIHz9+fB8/IvZ/4+T+b5zs/sbJ3m+c7I/vj3fHe+n3Pr27d3dvZ/f+93/jJD1brOrqMk9fZtO3eZueZKt2XedpsVhVdeu+n6Vny2aVT9uqbujTn8zqolo36WR9cV68y+kjA34n/d7+3T36Xwh/lr6pqrJJj9Jvf/n6zWv64vV6hS7Sl3X10wQ3fb3K6jZb0jf0Cn2RLVsPfDpv29Wju3cnZXXRjNu8zOvi7XhaLe6eF7MZ/XV3VTVtc3f3/vbO/vbeg7tX86zdbraX+dV2sdzWRtv72/e3iRi/cfJ7fvf0+cmXX5z+nr9x8maep6/zabWcpaezoi2qZVqdpy19Oqmqt+lHT3NC46JYXqRXRTtPnwmoj9KiSZfVVZpdZkWZTcp8/Bsnz/OsXqaLigiYTap1y1BW2SqvJ0TeNKMunr76Yvu8zvM0Z+hZa0amKOJTjOv/AeF3j4a5AQAA

Full Summary 把web session列表中显示的信息复制到剪贴板。以下：

信息以下：

# Result Protocol Host URL Body Caching Content-Type Process Comments Custom

1 200 HTTP www.telerik.com /UpdateCheck.aspx?isBeta=False 447 private text/plain; charset=utf-8 fiddler:6500

Save子菜单中包含了用于把流量保存到文件中的一些选项；以下所示：

Selected Sessions中的In ArchiveZip 选项是把 Web Session列表中选中的session保存到SAZ文件中；以下所示：

Selected Sessions中的 As Text是把选中的全部session一块儿保存到一个文本文件中；以下：

Selected Sessions中的As Text(Headers only) 把选中session的请求头和响应头一块儿保存到一个文本文件中；下面还有不少选项，我这边就不一一介绍，等用到某一项的时候，咱们再来介绍；

回到顶部

Fiddler如何捕获firefox中的会话

Fiddler启动时默认是IE代理设置127.0.0.1:8888,其余浏览器须要手动设置；

Firefox手动设置以下：工具 –》选项 –》高级 –》网络 –》设置

便可生效；不过上面的设置比较麻烦，咱们能够安装一个插件，以下：

Firefox中安装FiddlerHook插件

当咱们安装好fiddler后，就已经安装好了FiddlerHook插件了，咱们须要去firefox中启用这个插件；工具—》附加组件—》扩展—》fiddlerHook启用

启用便可！！而后咱们须要在firefox中进行设置便可；

咱们再来看一下Firefox手动设置以下：工具 –》选项 –》高级 –》网络 –》设置

咱们能够再来安装一个hostAdmin插件便可方便查看。

回到顶部

Fiddler如何捕获Https会话

默认下，Fiddler不会捕获HTTPS会话，须要你设置下, 打开Fiddler Tool->Fiddler Options->HTTPS tab

弹出框后一直点击Yes便可；

回到顶部

Fiddler的HTTP统计视图（能够优化请求和页面）

Fiddler的统计选项卡中显示了当前Session的基本信息，在选项卡的最上方显示的是文本信息，最下方是个饼图，按MIME类型显示流量。使用Statistics页签，用户能够经过选择多个会话来得来这几个会话的总的信息统计，好比多个请求和传输的字节数。

选择第一个请求和最后一个请求，可得到整个页面加载所消耗的整体时间。从条形图表中还能够分别出哪些请求耗时最多，从而对页面的访问进行访问速度优化。

以下所示：

饼图以下：

统计选项卡的一些信息含义以下解释：

Request Count：选中的session数；

Unique Hosts：流量流向的独立目标主机数。若是全部选中的流量都发送到相同的服务器上，则不会显示该字段。

Bytes sent: HTTP请求头和请求体中向外发送的字节总数。后面括号中分别给出了头和body各自的字节数。

Bytes received: HTTP请求头和请求体中接收到的全部字节数。在所有计数后面的括号中给出了请求头和请求体各自的字节数。

Requests started at: Fiddler接收到的第一个请求的第一个字节的时间点。

Responses completed at: Fiddler发送到客户端的最后一个响应的最后一个字节的时间点。

Sequence(clock) duration: 第一个请求开始到最后一个响应结束之间的 “时钟时间”。

Aggregate session duration: 全部选中的session从请求到响应之间的时间的和。

DNS Lookup time: 全部选中的session解析DNS所花费的时间的总和。

TCP/IP Connect duration: 全部选中session创建TCP/IP链接所花费的时间总和。

HTTPS Handshake duration：全部选中session在HTTPS握手上所花费的时间总和。

Response Codes： 选中session中各个HTTP响应码的计数。

Response Bytes by content-type: 选中session中响应的各个Content-Type的字节数。

Estimated Performance: 选中的流量在不一样语种(local)地区和链接方式下所需时间的初步估计。

回到顶部

移动开发如何使用fiddler调式代码

1. 首先电脑和手机要使用同一个无线网。

2. 配置Fiddler，点击 Tools --> Fiddler Options

3. 手机端的配置，我这边是Android手机(IOS也同样)，点击设置进去，选择无线网，以下：

点击代理设置进去后，以下：

接下来能够看看个人ip地址以下：

如上设置后，咱们就可使用手机访问网页后，可使用fiddler来监控请求或者替换js或者css文件了；

注意：有时候我访问的页面提示 “代理服务器链接失败”，那么这种状况下，颇有多是防火墙或者一些360相似的杀毒软件，咱们能够在防火墙下设置为fiddler经过，以下所示：

4. 修改HOST

如上设置咱们能够监听页面请求了，可是若是我想要监听本地的服务器端的代码，就访问不了（我本地使用的服务器是php环境），好比上我在本地作demo，若是一切好的话，我上传到服务器端去，首先咱们须要启动php服务器；启动好后，咱们来使用本机的ip来访问下；以下所示：

1. 咱们须要在fiddler里面修改配置，Tools –》 HOSTS，以下：

点击保存按钮后，咱们接着再访问页面，就能够访问了，以下：

页面能够访问后，有时候咱们想替换下js或者css文件，咱们就可使用右侧的tab选项栏中的AutoResponder了，以下：

在最下面的能够替换一些js或者css文件便可了；这里就很少介绍了~

如上是目前总结的一些基本fiddler基本知识点，在接下来的业余时间会多去总结Fiddler相关调式方面的知识点~ 若是总结的很差的话，但愿你们多多指教~~

总结：Fiddler基本知识点总结如上一些，在接下来的时间会全面总结Fiddler相关的含义，咱们平时用到的Fiddler一些方面，可是咱们还须要多去理解其余各个方面的含义，为之后使用代理http请求或者优化页面有更好的理解，所以我以为有必要的多去学习下Fiddler知识点~ 因此Fiddler一直会有下文总结的~~

Fiddler实战请点击