1.用chrome验证前端防抖,打开chrome浏览器后按F12或ctrl+shift+i打开控制台。选择Network选项卡,查找No throttling下拉,打开下拉选项选择Add...,弹窗设置网络上行、下行、延迟响应时间。设置参数后点”x”关闭弹窗,返回上一窗口,然后选择此项即可开始验证。
前端验证案例1,有做防抖处理效果:
![](https://img.haomeiwen.com/i16814855/5693e1dd82dc5463.png)
前端验证案例2,未做防抖处理效果:
![](https://img.haomeiwen.com/i16814855/121566797ec5f268.png)
2.fiddler验证后端防抖,在官网下载windows安装包后直接下一步、下一步即可完成安装,打开fiddler默认开启本地代理,不需其它额外配置(手机端代理另外说)。
首先配置过滤目标拦截请求,排除非必要请求不展示,在程序主页右侧打开Fileters选项卡,勾选Use Filters,这里按Hosts过滤,填写过滤的host当有多个时用英文分号间隔,上面的那个下拉项按图配置就行。最后点actions按钮选择run Filterset now后最好重启程序。
![](https://img.haomeiwen.com/i16814855/f98205f68b83a516.png)
此时操作需拦截应用的功能,所有和服务端交互的请求都被拦截
![](https://img.haomeiwen.com/i16814855/7ac1cf8d55ad89d8.png)
设置断点对预设请求进行拦截,再设置多次重发该请求。在菜单栏点Rules弹下拉菜单,再光标移到Automatic Breakpoints上会展开一层菜单,再点Before Requests设置成功。
![](https://img.haomeiwen.com/i16814855/028881e7fdd08bb0.png)
然后在此处多了一个标识,也可以在此处点击快速设置
![](https://img.haomeiwen.com/i16814855/bd783904cf289210.png)
选中某个请求右键,光标移动到Replay此时再展开一层菜单
![](https://img.haomeiwen.com/i16814855/d639c11f1a77b1d5.png)
按shift+点Reissue Requests弹窗设置请求数
![](https://img.haomeiwen.com/i16814855/e96f8d24123575d5.png)
根据设置数量生成对应数量的请求
![](https://img.haomeiwen.com/i16814855/17c650140a54f5dc.png)
最后点Go一次性运行所有被断点的请求
![](https://img.haomeiwen.com/i16814855/f53198cd52eb9ea0.png)
网友评论