网站建设远程培训,宁德住房和城乡建设部网站,合肥房产网新楼盘二手房,怎么免费制作app目录 Fiddler的功能面板
一、Statistics数据统计面板#xff0c;性能分析
二、Inspectors查看请求与响应
三、Filters过滤器
1、User Filters启用
2、Action
3、过滤器实际应用
四、AutoResponder请求重定向
1、什么是请求重定向#xff1f;
2、为什么要用这个功能性能分析
二、Inspectors查看请求与响应
三、Filters过滤器
1、User Filters启用
2、Action
3、过滤器实际应用
四、AutoResponder请求重定向
1、什么是请求重定向
2、为什么要用这个功能
3、使用方法
4、AutoResponder具体匹配规则写法重中之重
5、AutoResponder实际运用
五、Composer构造器
1、Fiddler Composer的优势
2、Composer的实操
六、timeline网站性能分析 Fiddler的功能面板 1、statistics请求的性能指标全世界范围的性能测试
RTP一个请求的从发送出去到返回的时间
Show chart可以看出图表的示例
2、inspectors:对请求解包
header请求头信息。UA,cookie,发送请求来源。textView:可以看到返回的数据imageview:可以看到返回的图片如果有图片返回的话webforms:看到请求传递的信息cookies请求携带的cookieresponse header响应报文的头文件
3、autoresponder: 文件代理可以使用fiddler来自定义请求返回的文件。 当我们线上的出现bug的时候可以使用线上返回 的文件在本地做一个修改看看bug是否解除。
4、composer前后端接口联调可以将条目拖到composer然后进行模拟执行伪造请求。不写js实现跟服务器交互。类似postman。
5、log : 使用fiddler的日志
6、filters过滤功能可以很好帮助只显示我们关心的请求或者隐藏掉我们不关心的请求。
7、timeline: 网站性能分析一个网站的请求多个网站请求进行选中查看timeline查看请求详情。
全网抓包天花板教程B站讲的最详细的Fiddler/Charles抓包教学视频。2小时包你学会_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1tv4y1575S/?spm_id_from333.999.0.0
一、Statistics数据统计面板性能分析 重点主要关注RTT体现一个请求从发送到返回响应的时间
反映一个请求的性能指标其中主要需要关注RTT会展示全世界范围的请求平均数据show chart按钮从饼状图中分别出哪些资源的请求耗时最多从而对页面的访问进行访问速度优化
二、Inspectors查看请求与响应 Headers查看Header
WebForms用表格的形式查看body的值和请求参数的值
TextView/WebView无格式化查看数据
Cookies查看header中cookie的值
Raw查看完整的消息结构
JSON以JSON格式查看数据类似Charles默认显示响应数据的格式
三、Filters过滤器
1、User Filters启用 2、Action
Action
Run Filterset now运行过滤器Load Filterset导入过滤规则Save Filterset保存过滤器到本地 如下截图 过滤监控会话筛选和标记会话或进行一些轻量级的修改fiddler默认会检查http头中设置的host标记或隐藏部分会话选择隐藏的时候fiddler仍然会代理通信的主机只是将对应会话隐藏在监控面板
文本框内输入需要标记或过滤的域名多个域名使用”;”分号分割
3、过滤器实际应用
3.1 过滤器实际应用一只根据域名进行过滤 3.2 过滤器实际应用二根据域名进行过滤并过滤掉图片类型的请求 全网抓包天花板教程B站讲的最详细的Fiddler/Charles抓包教学视频。2小时包你学会_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1tv4y1575S/?spm_id_from333.999.0.0
四、AutoResponder请求重定向
目的允许从本地返回文件代替服务器响应而不用将文件发布到服务器【可用正式环境验证本地文件】。
关于Fiddler的AutoResponder重定向功能主要是时进行会话的拦截然后替换原始资源的功能。
1、什么是请求重定向
所谓请求无非就是需要调用到的一些资源(包括JS、CSS和图片等)所谓重定向就是将页面原本需要调用的资源指向其他资源(你能够控制的资源或者可以引用到的资源)。
2、为什么要用这个功能
AutoResponder类似于Charles的MapLocal功能但是更强大因为可以用正则去匹配平时我们可能需要观察某个请求返回特定的响应数据但是该请求可能每次都会带有唯一的请求参数如时间戳那就可以通过AutoResponder的正则去匹配该请求无需url里关心唯一的请求参数而且也可以根据Header的属性去匹配url甚至Fiddler还提供了多种response不一定要自定义一个response。
接下来就是页面介绍 红色圈执行匹配规则就是用来启动AutoResponder绿色圈不匹配请求失败的url蓝色圈添加匹配规则橘色圈因为正则较为复杂可以用Test去测试自己写的正则能否匹配上对应url
3、使用方法 需要勾选enable rules、unmatched requests passthrough选项将左侧监控面板中截获到的请求拖到Autoresponder面板中选中该请求-右键-Edit response-textview可修改服务端返回的内容建议格式化之后再做修改返回的内容结构会更清晰点击【save】按钮并勾选该请求前方的复选框——客户端重新发起该请求的时候就会返回修改的内容。在线JSON校验格式化工具Be JSON json校验格式化工具 下方规则编辑框默认精准匹配完全相同的请求地址才会被拦截该编辑框支持正则表达式进行模糊匹配如regex:(?insx).*\.(css|js|PHP)$ 表示匹配所有以css,js,php结尾的请求url 下方规则下拉框可选择服务器返回不同的code值或返回一个本地文件Fiddler支持的拦截重定向的方式 4、AutoResponder具体匹配规则写法重中之重
注意如果Test URL输入框中显示绿色代表匹配成功显示红色则匹配失败
4.1 字符串匹配相当于模糊匹配
匹配规则path1/
http://www.example.com/**Path1/**queryexample
http://www.example.com/returnUrl**Path1/**OtherPlace 4.2 NOT匹配
匹配规则NOT:path1/
http://www.example.com/Path2/queryexample 4.3 EXACT精确匹配完全匹配
匹配规则EXACT:http://www.example.com/path
http://www.example.com/path http://www.example.com/Path http://www.example.com/path/query 4.4 regex正则表达式匹配
. 一个或多个
.* 零个或多个
insx不区分大小写
\ 转义
匹配规则regex:(?inx)^https://.\.gif$
简单理解https开头.gif结尾的url 5、AutoResponder实际运用
5.1 场景设计返回404给客户端Fiddler有自带的404响应可选择
返回不同状态码可用于校验客户端是否正确处理错误码的展示效果 5.2 场景设计返回200给客户端Fiddler有自带的200响应可选择 5.3 场景设计返回自定义response 5.4 场景设计返回原始响应文件修改之后的本地响应类似Charles的MapLocal
首先选中对应的请求》saveresponse》response body》本地修改响应 五、Composer构造器
Fiddler Composer的功能就是用来创建HTTP Request 然后发送。你可以自定义一个Request, 也可以手写一个Request你甚至可以在Web会话列表中拖拽一个已有的Request来创建一个新的HTTP Request。
简单来说Composer可以用来接口测试支持前后端接口连调支持多种类型的请求如GET、POST。其中POST请求的参数写在request body中、一般协议选择HTTP1.1。 Composer使用操作如下
将左侧监控面板中截获到的请求拖到composer面板中修改parsed框Request Bodypost请求需要修改get请求不需要修改中的值点击右上角【Execute】按钮即可按照修改后的请求头和参数值重新发起一次请求重新发起的请求在左侧监控面板中可查看修改后的请求内容在右侧history中有记录 1、Fiddler Composer的优势
能从Web会话列表中拖拽一个先前捕获到的Request可以进行篡改数据发送Request后可以设置断点继续修改Request支持在Request中上传文件支持重复发送多次Request。
2、Composer的实操 六、timeline网站性能分析
选中多个请求进行网站性能分析
Y轴发送的请求列表进度条为多线条型则为缓冲模式进度条为平滑的柱状则为流模式绿色圆圈连接被重用红色圆圈新创建的连接顶部圆圈客户端连接到fiddler下部圆圈fiddler连接到目标服务器灰色箭头图标/红色图标/绿色闪电图标服务器返回一个错误代码3XX4XX5XX结尾处的红色X:意味着服务器发送了一个连接连接被关闭或为private类型 全网抓包天花板教程B站讲的最详细的Fiddler/Charles抓包教学视频。2小时包你学会_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1tv4y1575S/?spm_id_from333.999.0.0
