fiddler——安装——主界面

逃离我推掉我的手 2023-10-02 08:43 31阅读 0赞

fiddler下载网址：[https://www.telerik.com/download/fiddler][https_www.telerik.com_download_fiddler]

转载参考小坦克：[https://www.cnblogs.com/TankXiao/archive/2012/02/06/2337728.html][https_www.cnblogs.com_TankXiao_archive_2012_02_06_2337728.html]

## Fiddler的工作原理 ##

Fiddler 是以代理web服务器的形式工作的,它使用代理地址:127.0.0.1, 端口:8888. 当Fiddler会自动设置代理， 退出的时候它会自动注销代理，这样就不会影响别的程序。

不过如果Fiddler非正常退出，这时候因为Fiddler没有自动注销，会造成网页无法访问。解决的办法是重新启动下Fiddler.

![8849d2935d041ef3da64ee1efaa6a8f3.png][]

![9f0afcfa7cc33c4ac9a3c5cbef175956.png][]

## Fiddler的基本界面 ##

(1)、主菜单栏：菜单中可以启动所有的fiddler功能。(最上面一行)

(2)、工具栏：提供了很多常见的命令(第二行)

(3)、web sessions列表(会话列表)：显示捕捉到的每一个session的简短信息。

(4)、功能面板：这里很多选项卡，经常用的是inspectors选项卡。

(5)、quickexec：命令行工具，可以输入简单的命令。如cls命令可以清空web sessions。

(6)、状态栏：显示fiddler的一些基本配置信息。

\-----------------------------------------------------------------------------------------------------------------------------------------------------------------

![026fd7d8546af86d36db7c806fc816f7.png][]

===============================================================================================

看看Fiddler的基本界面

![1fbcf0751babed3111e312bdeb8d08f7.png][]

Inspectors tab下有很多查看Request或者Response的消息。 注意：**Inspectors的中文含义是 检查 的意思**。

其中**Raw Tab可以查看完整的消息，Headers tab 只查看消息中的header**. 如下图：

![7a32b7d8fd5f1938ba41a55d3e797a79.png][]

## Fiddler的HTTP统计视图 ##

通过陈列出所有的HTTP通信量，Fiddler可以很容易的向您展示哪些文件生成了您当前请求的页面。

使用Statistics页签，用户可以通过**选择多个会话来得来这几个会话的总的信息统计**，比如多个请求和传输的字节数。

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

![b5439241b823400f43f518b78be89a07.png][]

## ![83eaef156c447b5f1e9c5074aeae1822.png][] ##

##  ##

## QuickExec命令行的使用 ##

Fiddler的左下角有一个命令行工具叫做QuickExec,允许你直接输入命令。

常见得命令有

help 打开官方的使用页面介绍，所有的命令都会列出来

cls 清屏 (Ctrl+x 也可以清屏)

select 选择会话的命令

?.png 用来选择png后缀的图片

bpu 截获request

![a21624ec21a8b151fc718a38bf8e12f0.png][]

web sessions列表

fiddler中大部分的操作，都需要在web sessions列表中选择一个或者多个session，再进行操作。

一个session包含了一个http请求和一个http响应：

![aa9441dce26da8adfc1f1a6ee306ad8e.png][]

web sessions列表栏中包含信息如下：

(1)、\#：这是fiddler生成的ID，按照顺序排列的；

(2)、result：响应的状态码；

(3)、protocol：使用的协议，http或者https；

(4)、host：服务器的主机名和端口号；

(5)、url：url的路径；

(6)、body：http响应中包含的字节数；

(7)、caching：跟缓存相关的字段值；

(8)：content——type：响应中content——type的值；

(9)、process：对应本地windows的进程；

\-------------------------------------------------------------------------------------------------------------------------------------

Content-Type：即是Internet Media Type，互联网媒体类型；也叫做MIME类型，在Http协议消息头中，使用Content-Type来表示具体请求中的媒体类型信息。
                  
                  例如：Content-Type: application/x-www-form-urlencoded
    
    常见的媒体格式类型如下：
    
        text/html ： HTML格式
    
        text/plain ：纯文本格式 
         
        text/xml ：  XML格式
    
        image/gif ：gif图片格式 
       
        image/jpeg ：jpg图片格式 
    
        image/png：png图片格式
    
    以application开头的媒体格式类型：
    
       application/xhtml+xml ：XHTML格式
    
       application/xml     ： XML数据格式
    
       application/atom+xml  ：Atom XML聚合格式 
       
       application/json    ： JSON数据格式
    
       application/pdf       ：pdf格式  
    
       application/msword  ： Word文档格式
    
       application/octet-stream ： 二进制流数据(如常见的文件下载)
    
       application/x-www-form-urlencoded ： <form encType=””>中默认的encType，form表单数据被编码为key/value格式发送到服务器(表单默认的提交数据的格式)
       
    另外一种常见的媒体格式是上传文件之时使用的：
    
        multipart/form-data ： 需要在表单中进行文件上传时，就需要使用该格式
    
    ---------------------------------------------------------------------------------------------
    
    cache：缓存
    
    
    http中具有缓存功能的是浏览器缓存，以及缓存代理服务器。
    
    
    http缓存的是指:当Web请求抵达缓存时， 如果本地有“已缓存的”副本，就可以从本地存储设备而不是从原始服务器中提取这个文档。
    
    
    web服务器通过一下两种方式来判断浏览器缓存是否最新：
    
    (1)：浏览器把缓存文件的最后修改时间通过header“if-modified-since”告诉服务器
    
    (2)：浏览器把缓存文件的ETag通过header“if-none-match”告诉服务器
    
    
    通过最后修改时间来判断缓存的新鲜度：
    
    
    1. 浏览器客户端想请求一个文档，首先检查本地缓存，发现存在这个文档的缓存，获取缓存中文档的最后修改时间，通过： If-Modified-Since， 发送Request给Web服务器。
    
    2. Web服务器收到Request，将服务器的文档修改时间(Last-Modified): 跟request header 中的，If-Modified-Since相比较， 
    
       如果时间是一样的，说明缓存还是最新的，Web服务器将发送304 Not Modified给浏览器客户端，告诉客户端直接使用缓存里的版本。
    
    
    3. 假如该文档已经被更新了。Web服务器将发送该文档的最新版本给浏览器客户端
    
    
    与缓存有关的header我们来看看每个header的具体含义。
    
    Request
    
    Cache-Control: max-age=0    以秒为单位
    
    
    If-Modified-Since: Mon, 19 Nov 2012 08:38:01 GMT    缓存文件的最后修改时间。
    
    
    If-None-Match: "0693f67a67cc1:0"    缓存文件的Etag值
    
    
    Cache-Control: no-cache        不使用缓存
    
    
    Pragma: no-cache       不使用缓存

[https_www.telerik.com_download_fiddler]: https://www.telerik.com/download/fiddler
[https_www.cnblogs.com_TankXiao_archive_2012_02_06_2337728.html]: https://www.cnblogs.com/TankXiao/archive/2012/02/06/2337728.html
[8849d2935d041ef3da64ee1efaa6a8f3.png]: https://img-blog.csdnimg.cn/img_convert/8849d2935d041ef3da64ee1efaa6a8f3.png
[9f0afcfa7cc33c4ac9a3c5cbef175956.png]: https://img-blog.csdnimg.cn/img_convert/9f0afcfa7cc33c4ac9a3c5cbef175956.png
[026fd7d8546af86d36db7c806fc816f7.png]: https://img-blog.csdnimg.cn/img_convert/026fd7d8546af86d36db7c806fc816f7.png
[1fbcf0751babed3111e312bdeb8d08f7.png]: https://img-blog.csdnimg.cn/img_convert/1fbcf0751babed3111e312bdeb8d08f7.png
[7a32b7d8fd5f1938ba41a55d3e797a79.png]: https://img-blog.csdnimg.cn/img_convert/7a32b7d8fd5f1938ba41a55d3e797a79.png
[b5439241b823400f43f518b78be89a07.png]: https://img-blog.csdnimg.cn/img_convert/b5439241b823400f43f518b78be89a07.png
[83eaef156c447b5f1e9c5074aeae1822.png]: https://img-blog.csdnimg.cn/img_convert/83eaef156c447b5f1e9c5074aeae1822.png
[a21624ec21a8b151fc718a38bf8e12f0.png]: https://img-blog.csdnimg.cn/img_convert/a21624ec21a8b151fc718a38bf8e12f0.png
[aa9441dce26da8adfc1f1a6ee306ad8e.png]: https://img-blog.csdnimg.cn/img_convert/aa9441dce26da8adfc1f1a6ee306ad8e.png