使用Chrome浏览器实现请求的重放即复制某个请求

>> 饿了么、美团外卖红包领取地址<<

Chrome可以通过控制台实现对某个请求的重放,即复制某个请求,然后自己实现对该请求的多次发送。这个功能有什么用呢?在web开发中,调试代码或者调试找bug的时候就派上用场了。使用方法如下:

在Chrome上按f12打开控制台,切到Network标签页。之后进行你正常的页面操作把你想要复制的请求先通过页面发送一遍(如果页面有自动刷新的话,为了避免刷新后请求丢失的情况出现,建议勾选上Preserve log)

通过鼠标在请求的列表中找到我们需要复制的请求,右键——Copy——Copy as fetch(我这里直接使用我的首页请求进行演示)

到这里我们的请求已经被复制下来了,那怎么实现重新请求呢?很简单,还是刚才的页面,我们切换到Console页面,直接粘贴回车即可,需要多次请求则粘贴多次。

解释:fetch其实是javascript中一个网络请求的函数或者工具,Chrome在我们Copy as fetch的时候帮我们把请求的各种参数转换成了使用fetch请求的代码,所以我们可以直接在控制台上直接执行从而达到请求重放的效果。

尾巴:忽略演示图中各种红色标记的错误,这些错误是我网站的错误,与本文内容无关。


觉得内容还不错?打赏个钢镚鼓励鼓励!!👍

成人本科学士学位英语统一考试星级词汇大冲关(第2版 乱序版)
¥18.09
良世医 医用一次性隔离衣 连体式连帽衣医用隔离服坐飞机男女通用(建议160CM-185CM)
¥25.20
长城【勇系列】金吉星合成技术机油 SP/GF-6A 5W-30 发动机油850g/1L
¥32.90
内廷上用灰甲灵冷敷凝胶足部肿胀疼痛灰指甲足痒足癣足臭甲癣
¥49.80
邮宁(YOUNING)消防卷盘配套铜枪头 消防水带接头消火栓箱自救式软管铜质开关水枪头
¥17.90
sharemood衣柜衣橱蜡片香片香包香皂礼盒香氛香薰挂件室内洗手间除臭
¥40.30
实瞳SEED 可芙蕾Sister原装进口 日本美瞳小直径 男女彩色隐形眼镜月抛 1片装 流韵 700度
¥32.00
手护佳 一次性食品级丁腈手套 厨房家用公司复工学生开学劳保防护 盒装100只蓝色 L号
¥47.30