Fiddler的主要功能和在开发中的应用场景。
3.简述Fiddler的主要功能和在开发中的应用场景。
一、主要功能:
- 请求捕获与查看:实时捕获浏览器、App 等发出的所有 HTTP/HTTPS 请求,清晰展示请求头、请求体、响应头、响应体等完整信息。
- 请求编辑与重发:可修改请求参数(如 URL、表单数据、Cookie)后重新发送,快速测试不同参数下的服务器响应。
- 断点调试:支持在请求发送前(Break on Request)或响应返回前(Break on Response)打断点,手动控制请求流程,便于定位问题。
- 性能分析:通过“Timeline”功能展示请求耗时分布,直观识别慢请求,助力优化网络性能(如静态资源加载延迟)。
- 模拟场景:可模拟弱网环境(如 2G/3G 网速)、修改响应数据(如Mock接口),测试不同网络状态或未开发完成的接口交互。
二、开发中的应用场景
1.接口调试:前后端联调时,快速定位接口问题——若前端调用接口失败,可通过 Fiddler 查看请求参数是否正确、服务器响应是否符合预期,区分是前端传参错误还是后端逻辑问题。
2.排查网络问题:当网页加载慢或资源加载失败时,通过捕获请求查看是否有资源超时、404 错误,或分析耗时较长的请求(如大图片未压缩)。
3.验证数据安全性:检查敏感数据(如登录密码)是否通过 HTTPS 加密传输,避免明文暴露在请求中。
4.模拟测试:后端接口未开发完成时,通过 Fiddler 手动构造响应数据(Mock),让前端提前进行页面渲染和交互逻辑测试。
4.如何使用Fiddler设置断点来修改一个HTTP请求的参数?请描述具体步骤。
具体步骤如下:
设置全局断点
- 打开Fiddler,点击菜单栏中的“规则”,选择“自动断点”,再点击“请求之前”。
- 设置好后,Fiddler左下角会出现一个红底蓝字的大“T”,表示断点已设置成功。
- 在浏览器中触发需要修改参数的请求,此时Fiddler会拦截该请求,在Fiddler的会话列表中会高亮显示被拦截的请求。
- 选中被拦截的请求,点击右侧的“Inspectors”选项卡。是表单提交的请求,选择“网络表单”选项卡,即可看到表单中的所有字段和它们的值,直接修改相应字段的值。不是表单提交,是JSON或XML格式的数据,选择“Raw”或“TextView”选项卡,编辑请求体中的内容。
- 修改完参数后,点击工具栏上的“运行到完成”按钮,Fiddler会将修改后的请求发送到服务器。
- 完成调试后,记得关闭全局断点,否则会影响正常上网。关闭方法是点击“规则”,选择“自动断点”,再点击“禁用”。
设置单个断点
- 确定需要设置断点的请求地址。
- 在Fiddler的命令行中输入“bpu 服务器地址”,例如“bpu https://www.baidu.com”,然后按回车键。
- 在浏览器中触发对该地址的请求,Fiddler会拦截该请求。
- 选中被拦截的请求,按照上述全局断点中修改参数的步骤,在“Inspectors”选项卡中修改请求参数。
- 修改完成后,点击“运行到完成”按钮发送请求。
- 取消单个断点,只需在命令行中输入“bpu”,然后按回车键即可。
5.使用Fiddler捕获并分析特定网站的请求。
配置Fiddler环境
- 启用HTTPS解密:打开Fiddler,依次点击菜单栏“Tools > Options > HTTPS”,勾选“Decrypt HTTPS traffic”,点击“Actions > Trust Root Certificate”安装证书。
- 设置捕获过滤:在Fiddler右侧面板选择“Filters”标签,勾选“Use Filters”,在“Hosts”栏输入目标网站域名,选择“Show only the following Hosts”。
捕获特定网站请求 - 开始捕获:点击Fiddler左下角“Capturing”按钮或按F12启动抓包,可按Ctrl+X清空现有会话。
- 触发请求:在浏览器中访问目标网站,执行相关操作,如点击链接、提交表单等。
- 定位请求:返回Fiddler,查看左侧会话列表,通过URL、请求方法、请求头中的特征快速定位目标请求。
分析请求详情 - 查看请求和响应详情:在Fiddler左侧的会话列表中,选择一个具体的请求,查看右侧的“Inspectors”标签页。在“Headers”中查看请求头信息,在“TextView”中查看请求和响应的文本内容。
- 性能分析:若需分析请求性能,可通过“Timeline”功能展示请求耗时分布,直观识别慢请求。
6.两种常用缓存的区别:
Memory Cache(内存缓存):
-存储位置:数据直接存在浏览器进程的内存中。
-读写性能:极快(内存读写速度远高于磁盘),可瞬间响应请求。
-存储周期:临时存储,浏览器关闭或进程结束后数据立即消失。
-存储内容:体积小、高频访问的资源,如页面渲染所需的CSS、JS、小图片等。
-典型场景:同一页面刷新时,无需重新请求CSS/JS,直接从内存读取,秒开页面。
Disk Cache(磁盘缓存):
-存储位置:数据存储在电脑本地磁盘(硬盘/SSD)中,生成缓存文件。
-读写性能:较慢(需磁盘IO操作),速度约为内存缓存的几十分之一。
-存储周期:持久存储,浏览器关闭后数据仍保留
-存储内容:体积较大、访问频率适中的资源,如大图片、视频、字体文件等。
-典型场景:关闭浏览器后再次打开同一网站,无需重新下载图片、字体,从磁盘缓存加载,节省流量和时间。
浙公网安备 33010602011771号