美文网首页
Fiddler防抖验证

Fiddler防抖验证

作者: 今天学习吗 | 来源:发表于2024-08-08 09:07 被阅读0次

1.用chrome验证前端防抖,打开chrome浏览器后按F12或ctrl+shift+i打开控制台。选择Network选项卡,查找No throttling下拉,打开下拉选项选择Add...,弹窗设置网络上行、下行、延迟响应时间。设置参数后点”x”关闭弹窗,返回上一窗口,然后选择此项即可开始验证。

前端验证案例1,有做防抖处理效果:

image.png
前端验证案例2,未做防抖处理效果:
image.png

2.fiddler验证后端防抖,在官网下载windows安装包后直接下一步、下一步即可完成安装,打开fiddler默认开启本地代理,不需其它额外配置(手机端代理另外说)。

首先配置过滤目标拦截请求,排除非必要请求不展示,在程序主页右侧打开Fileters选项卡,勾选Use Filters,这里按Hosts过滤,填写过滤的host当有多个时用英文分号间隔,上面的那个下拉项按图配置就行。最后点actions按钮选择run Filterset now后最好重启程序。

image.png

此时操作需拦截应用的功能,所有和服务端交互的请求都被拦截

image.png

设置断点对预设请求进行拦截,再设置多次重发该请求。在菜单栏点Rules弹下拉菜单,再光标移到Automatic Breakpoints上会展开一层菜单,再点Before Requests设置成功。

image.png

然后在此处多了一个标识,也可以在此处点击快速设置

image.png

选中某个请求右键,光标移动到Replay此时再展开一层菜单

image.png

按shift+点Reissue Requests弹窗设置请求数

image.png

根据设置数量生成对应数量的请求

image.png

最后点Go一次性运行所有被断点的请求

image.png

相关文章

  • 索尼机身防抖和镜头防抖

    索尼微单系统拥有带防抖功能的机身和带防抖功能的镜头。无论防抖组件位于哪里,它们都属于光学防抖。 机身防抖 机身防抖...

  • Python爬虫:fiddler抓取快手

    类似于上一篇Fiddler抓取抖音 Fiddler脚本 注:oSession.uriContains("此处需要修...

  • js 防抖 节流

    节流 防抖1 防抖2

  • javaScript 防抖函数

    一. 防抖函数的定义与使用 防抖函数的定义 防抖函数的调用 二. 防抖函数应用场景 其实在HTML 和javaSc...

  • 防抖与节流

    1. 防抖函数 1.1 防抖定义: 函数防抖(debounce):当持续触发事件时(例如mousemove),一定...

  • 项目常用代码

    节流 } 防抖 } 页面滚动(requestAnimationFrame) vue全局点击防抖

  • 函数防抖防抖/节流

    众所周知,函数节流和函数防抖都是优化高频率执行js代码的一种方法,二者的区别及使用方法如下: 函数节流 函数防抖,...

  • JS函数防抖

    JS 中的函数防抖 一、什么是函数防抖? 概念: 函数防抖(debounce), 就是指触发事件后,在 n 秒内函...

  • js 防抖和节流

    防抖 防抖是js优化的重要的一部分,也是面试中手写代码最常考的题目。那么我们为什么要防抖?防抖是什么意思?比如我们...

  • JavaScript防抖和节流

    1. 认识防抖和节流 1.1. 对防抖和节流的认识 防抖和节流的概念其实最早并不是出现在软件工程中,防抖是出现在电...

网友评论

      本文标题:Fiddler防抖验证

      本文链接:https://www.haomeiwen.com/subject/zfbckjtx.html