企业官网建设流程全解析

1 fiddler与浏览器的F12对比

相同点：

都可以对http和https请求进行抓包分析

不同点：

F12无法抓取app端请求，fiddler可以完成

F12无法修改请求数据，请求之前和请求之后的数据无法修改，而fiddler可以进行修改操作

F12可以在console控制台输入部分命令，方便查看前端数据信息

2 fiddler的核心功能

接口测试——发送自定义请求，模拟小型接口测试场景

定位前后端bug——抓取协议包，进行前后端联调

构建模拟测试场景——数据篡改、重定向

弱网测试——控制网速

前后端性能分析及优化

3 fiddler功能配置使用

规则设置：Rulse

隐藏不需要的数据包，比如：连接数据包（Hide CONNECTs）、304数据包等等

断点调试

可以配置fiddler断点调试功能

开启调试功能之后，所有请求之前及响应之后的所有数据包都可以进行拦截

弱网测试

设置网络配置文件对应参数，模拟网络情况

通过打开配置文件，修改对应网络延迟模拟弱网

​​​​​​​

4 配置证书抓取https包

默认fiddler只能抓取http的数据包，如果需要抓取https数据包就要配置相关证书

第一步 打开工具栏选项

​​​​​​​

第二步 配置HTTPS

第三步 配置connections

第四步 配置证书

后续点击同意就完成了证书配置。

5 设置过滤器

过滤器配置基本步骤

Hide if URL contains的作用是按照制定规则进行过滤，过滤无关紧要数据包的正则格式：

REGEX:(?insx)/[^\?/]*\.(css|ico|jpg|png|gif|bmp|wav|js|jpeg)(\?

6 模拟弱网测试

2G——上传500，下载400

3G——上传100，下载100

4G——上传15，下载0

修改网络配置文件，接着开启弱网规则

注意：弱网测试参数配置修改之后，要进行ctrl+s保存，并开启弱网测试规则才能生效。

7 断点调试

第一步： 抓取数据包

第二步： 拦截请求数据

请求前修改参数，再发送到服务器

还有小技巧点击重新发送请求按钮可以快速发送一个上一次发送的请求。

8 接口文档整理

没有接口需求文档的时候怎么进行接口测试？

使用fiddler抓取进行分析整理接口需求文档

使用jmeter进行脚本录制整理接口需求文档

9 fiddler证书重置的方法

自动重置

打开Fiddler，点击顶部菜单栏的 Tools -> Options。

在弹出的窗口中，切换到 HTTPS 选项卡。

点击窗口右侧的 Actions 按钮，在下拉菜单中选择 Reset All Certificates。

系统会弹出多个确认提示框，全部点击“是 (Yes)” 即可完成重置。

请注意：重置完成后，你可能需要重新勾选 Capture HTTPS CONNECTs 和 Decrypt HTTPS traffic 选项，并再次点击 Actions -> Trust Root Certificate 来安装新证书。

千万不要多次重复安装证书。