前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Fiddler及浏览器开发者工具进行弱网测试

Fiddler及浏览器开发者工具进行弱网测试

作者头像
ITester软件测试小栈
发布2020-04-15 10:30:22
1.1K0
发布2020-04-15 10:30:22
举报
文章被收录于专栏:全栈测试

在上一篇Fiddler系列文章:Fiddler跨域调试及Django跨域处理,主要介绍了跨域原理、Fiddler调试跨域、Django在实际项目中如何处理跨域。

以下, 主要介绍通过Fiddler及浏览器开发者工具进行弱网测试。

实际场景介绍

弱网测试,属于健壮性测试的一种。想象一下,用户在地铁、电梯,车库等场景使用软件,我们就需要针对这些场景的弱网环境下,验证出现丢包、延时等处理机制,避免因用户体验不友好造成用户的流失。

当然,我们不能拿着电脑或者手机到地铁、电梯,车库等地方进行现场测试,一般来说,测试环境或开发环境网络又比较顺畅,要解决这种问题,就需要制造弱网络的环境进行测试、复现并修复问题。

接下来讲解实际工作中遇到问题,并进行弱网复现的案例。

① 在一次测试过程中,输入数据,点击确定提交。

② emmm...提交后,发现同时出现了多条记录,再次测试时,又没有复现 。

③ 思考几秒钟后,觉得可能是前端没做提交表单的限制,在网络环境良好的情况下,功能正常,在弱网环境下可能会出现多次提交表单问题。

Fiddler模拟弱网

Fiddler怎么模拟弱网呢?步骤如下:

①在工具栏依次选择:Rules –> Customize Rules:

②出现弹窗后,Ctrl+F,搜索request-trickle-delay,找到代码如下,其中:

  • oSession["request-trickle-delay"] = "300" 代表每KB的数据被上传时会被延时300毫秒;
  • oSession["response-trickle-delay"] = "150"; 下载时每KB的数据会被延时150毫秒;

比如想模拟2G网络,上传下载配置如下:

  • oSession["request-trickle-delay"] = "3000"
  • oSession["response-trickle-delay"] = "1000"

模拟3G网络,上传下载配置如下:

  • oSession["request-trickle-delay"] = "20"
  • oSession["response-trickle-delay"] = "10"

设置完成后切忌保存。

③依次选择Rules-->Performance—> Simulate Modem Speeds,就可以开始模拟弱网测试啦!

开发者工具模拟弱网

一般浏览器开发者工具(推荐Chrome)自带模拟弱网的功能。

①浏览器打开开发者工具(快捷键F12);

②选择Network栏,根据需求选择网络状态,比如在线、3G、2G、离线等;

③功能简单就不多介绍,选择网络状态后,页面发送请求时,开发者工具弹窗不要关闭。

Fiddler系列文章到此可能也许大概就结束了。

接下来,预告一波涨薪必备的接口自动化系列文章。从零开始搭建框架,报班费都省了,喜欢的朋友,留言、在看、转发三连。大体框架如下:

以上

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-04-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 ITester软件测试小栈 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CLI 工具
云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档