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

魔域文化立体3d迷宫智力走珠球玩具大号9.5cm蓝色迷宫魔方儿童玩具升级版耐摔儿童节日生日礼物MY6924 >> 限时秒杀¥33.00

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

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

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

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

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

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

希诺玻璃杯茶杯双层水杯男带过滤网泡茶杯车载水晶杯子精致礼盒装 教师节中秋送长辈老师实用礼物 A款镜面杯盖XN-6900(精致小款)295ml >> 限时秒杀¥189.00

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