移动端产品使用场景多变,如进地铁、上公交、进电梯等,用到的网络并非都是流畅5G或者WIFI,有可能使用到4G、3G、2G等网络。因此应用开发过程中需要充分考虑到弱网环境下的客户端展示效果,从而提升用户体验和产品形象。
一、弱网情况下容易出现的问题有哪些?
- 用户进入一个新页面时,加载页面因网速太慢页面没有加载出来;由于没有拿到服务端返回数据,导致无法判断当前状态,可能出现卡死当前页面,无法退出
- 用户点击数据上传,数据上传过程中网络弱且不稳定,基于联网状态自动触发数据上传,导致出现数据重复写入,形成脏数据
- 弱网情况下,连续点击按钮,应用崩溃等
二、Charles抓包代理配置
2.1 获取电脑端IP地址
在cmd命令行中执行 ipconfig /all 获取电脑ip地址。
2.2 手机上设置代理
2.3 配置成功,可以看到抓包数据
三、Charles弱网环境模拟
3.1、打开Charles,选择proxy->throttle settings
3.2、设置下载、上传网速
3.2、快捷开启和关闭弱网配置
已开启弱网配置时,如下图所示。再次点击置灰,即可恢复正常网络访问。