小技巧--谷歌浏览器抓包时怎么过滤js、css、图片等请求地址

举报
小博测试成长之路 发表于 2022/04/14 01:44:11 2022/04/14
【摘要】 大家在使用浏览器抓包的时候,有没有遇到过这种情况: 一进页面,Network列表就一堆的url就出来了,还要自己在页面去找哪一个是自己所需要的url信息。 比如,以我们之前部署的若依后台管理系统为例,我们一进页面,发现会调用获取验证码的接口,但同时页面渲染也需要去调接口加载好多的js和css的文件: 是不是会发现有点影响...

大家在使用浏览器抓包的时候,有没有遇到过这种情况:

一进页面,Network列表就一堆的url就出来了,还要自己在页面去找哪一个是自己所需要的url信息。

比如,以我们之前部署的若依后台管理系统为例,我们一进页面,发现会调用获取验证码的接口,但同时页面渲染也需要去调接口加载好多的js和css的文件:

8c007bab5189af5467bad5966c04bfc3.png

是不是会发现有点影响我们的使用?

其实可以在浏览器上通过设置筛选条件去过滤列表的数据:

点一下Network下面的小页签上的Fetch/XHR就可以。

f2baab93571ac520602043c3e1722453.png

这个操作是不是很简单,屏幕前的你学会了吗?赶紧在自己的项目中去尝试一下吧。

如果你还在苦于没有项目练习实战的话,可以在公众号后台回复项目二字,可以用我搭建好的开源项目实战练习一波。趁着服务器还没过期,要实战的抓紧了哟~

bc56c1727f5d4fa9ef1d0752a25df7d3.png

往期精彩回顾

a8d48f6d4f28103e87be43946dc9ea36.png

项目实战系列

1、测试从零开始-电商项目实战-用例设计篇No.1-[后台-用户列表]

2、测试从零开始-电商项目实战-功能实战篇No.1-[后台-用户列表]

3、小白功能测试项目实战篇-dtsshop开源商城项目之【会员管理】模块测试点分析

4、简历上的项目~功能和接口练习网站之linjiashop

5、测试项目实战----RuoYi后台管理系统

6、项目实战-RuoYi后台管理系统-用户管理测试点设计

7、项目实战-RuoYi后台管理系统-登录相关接口分析

8、Docker搭建webdis用于提供api查询redis中的数据

9、项目实战-RuoYi后台管理系统-用Postman实现登录接口的自动化

10、项目实战-RuoYi后台管理系统-用Python基于图像识别技术处理登录页面的验证码

文章来源: xiaobotester.blog.csdn.net,作者:小博测试成长之路,版权归原作者所有,如需转载,请联系作者。

原文链接:xiaobotester.blog.csdn.net/article/details/124138726

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。