【Fiddler介绍】

最新推荐文章于 2024-06-04 13:34:21 发布

不吃糖葫芦3

最新推荐文章于 2024-06-04 13:34:21 发布

阅读量671

点赞数

分类专栏：测试文章标签： fiddler 前端

原文链接：https://zhuanlan.zhihu.com/p/102392715

版权

测试专栏收录该内容

3 篇文章 0 订阅

订阅专栏

一、Fiddler简介

Fiddler是最强大最好用的Web调试工具之一，它能记录所有客户端和服务器的http和https请求。允许你监视、设置断点、甚至修改输入输出数据。

功能：

监控浏览器网页及安卓，ios 的APP的所有HTTP/HTTPS流量
查看、分析请求和响应的内容细节
伪造客户端请求和服务器响应
测试网站性能（发起多个请求（注意：该请求是串行的）
解密HTTPS的web会话
全局、局部断点功能（更改请求的参数或者请求的js；更改返回响应的内容）
第三方的插件

使用场景：

接口调试、测试、线上环境调试、web性能分析（可以查看资源大小和时间）
判断前后端bug、开发环境hosts配置、mock数据、弱网断网测试

二、Fiddler的工作原理

Fiddler是以代理WEB服务器的形式工作的,浏览器与服务器之间通过建立TCP连接以HTTP协议进行通信，浏览器默认通过自己发送HTTP请求到服务器，它使用代理地址:127.0.0.1, 端口:8888. 当Fiddler开启会自动设置代理，退出的时候它会自动注销代理，这样就不会影响别的程序。不过如果Fiddler非正常退出，这时候因为Fiddler没有自动注销，会造成网页无法访问。解决的办法是重新启动下Fiddler。

fiddler是一个抓包工具，当浏览器访问服务器会形成一个请求，此时，fiddler就处于请求之间，当浏览器发送请求，会先经过fiddler，然后在到服务器；当服务器有返回数据给浏览器显示时，也会先经过fiddler，然后数据才到浏览器中显示，这样一个过程，fiddler就抓取到了请求和响应的整个过程。
在这里插入图片描述

三、Fiddler介绍

面板

在这里插入图片描述

工具面板

说明注释、重新请求、删除会话、继续执行、流模式/缓冲模式、解码、保留会话、监控指定进程、寻找、保存会话、切图、计时、打开浏览器、清除IE缓存、编码/解码工具、弹出控制监控面板、MSDN、帮助
两种模式
缓冲模式（Buffering Mode）Fiddler直到HTTP响应完成时才将数据返回给应用程序。可以控制响应，修改响应数据。但是时序图有时候会出现异常
流模式（Streaming Mode）Fiddler会即时将HTTP响应的数据返回给应用程序。更接近真实浏览器的性能。时序图更准确,但是不能控制响应。

左侧会话面板

在这里插入图片描述

#:HTTP Request的顺序，从1开始，按照页面加载请求的顺序递增。
Result : HTTP响应的状态
Protocol：请求使用的协议（如HTTP/HTTPS）
HOST：请求地址的域名/ip
URL：请求的服务器路径和文件名，也包含GET参数     
BODY：请求的大小，以byte为单位
Caching：请求的缓存过期时间或缓存控制header的值
Process：发出此请求的Windows进程及进程ID
Comments ：用户通过脚本或者菜单给此session增加的备注
Custom：用户可以通过脚本设置的自定义值

右侧面板

在这里插入图片描述

Statistics统计页签

通过该页签，用户可以通过选择多个会话来得来这几个会话的总的信息统计，比如多个请求和传输的字节数。选择第一个请求和最后一个请求，可获得整个页面加载所消耗的总体时间。从条形图表中还可以分别出哪些请求耗时最多，从而对页面的访问进行访问速度优化
在这里插入图片描述

inspectors检查页签

它提供headers、textview、hexview,Raw等多种方式查看单条http请求的请求报文的信息，它分为上下两部分：上部分为HTTP Request（请求）展示，下部分为HTTPResponse（响应）展示
在这里插入图片描述

AutoResponse自动响应页签

Fiddler最实用的功能，它可以抓取在线页面保存到本地进行调试，大大减少了在线调试的困难，可以让我们修改服务器端返回的数据，例如让返回都是HTTP404或者读取本地文件作为返回内容。
可以进行一些极端数据的测试（空数据的响应情况）
使用规则
在这使用规则
选择网址，选择要替换的内容
在这里插入图片描述
替换效果