1、Fiddler 和 Charles的区别
这两个工具普遍使用的web调试工具,Fiddler运用于Window系统,软件免费;Charles运用于Mac或Linux系统,软件收费。对于Window用户的我而言,Fiddler实用性更强。
2、Fiddler工具的工作原理
该工具以代理web服务器形式工作,可抓取到本机和网络代理手机的上的网页接口访问情况。代理其中的一个链路结构见下图。
中间的代理物质就好比fiddler工具,浏览器或手机端软件请求各类地址时,fiddler获取后向请求地址服务器发出请求,服务器获取到请求后响应并将数据原路返回。
3、代理配置
获取本机web访问情况,打开Fiddler,在File->Capture Traffic,确保下Capture Traffic(见下图)是开启。traffic的名词概念可以有人流、货流,这里可引申成数据流,整个选项名可翻译成捕获数据流。选项勾选则可以获取数据流;选项关闭则获取不到数据流。
往往第一次使用fiddler时,电脑内未安装软件证书,即便CT选项已开,依旧无法获取接口数据。因此第一次配置时,需要在软件中的Fiddler Tool->Options->HTTPS内勾选下面三个选项(见下图),并安装证书。证书安装好后,重启fiddler。
以上,本机的接口调试就可正常适配了。
若还想查看app端接口的访问数据,那需要保证电脑端和手机端同处一个网络上,可以是同一个wifi、也可以手机使用电脑的wifi热点。找到手机端网络设置,找到连接的wifi->点击wifi配置界面->配置代理,在配置代理页勾选手动,输入电脑的服务器网址、端口(固定:8888),存储即可。服务器地址可以在fiddle-online(见下图)这边快速看到,也可用cmd命令ipconfig获取到ipv4地址。
4、列表主要参数简单说明
ServerIP:网站的服务器名
URL: 访问的网站具体的服务器地址,即请求的服务器地址
Host:访问的网站地址的域名/ip
Body:请求的大小,以byte为单位
Time Taken:请求地址的响应速度
选中列表某一数据,具体可看到该接口的具体请求参数值及响应数据,具体根据实际情况具体分析,这里面的内容过多,就不一一介绍,有兴趣可再找找相关资料。