当前位置: 首页 > news >正文

使用 Charles 模拟手机弱网测试

在移动互联网时代,网络状况的不确定性给应用程序带来了挑战。尤其是在偏远地区或信号不佳的地方,用户的网络连接可能会变得不稳定。因此,对应用程序进行弱网测试变得尤为重要。Charles Proxy 是一款广泛使用的网络调试工具,它不仅能够捕获和修改 HTTP/HTTPS 请求和响应,还提供了模拟弱网环境的功能。本文将详细介绍如何使用 Charles Proxy 进行弱网测试,并结合实际示例进行演示。

1. 弱网测试的重要性

弱网测试是指在网络状况较差的情况下对应用程序进行测试的过程。这包括但不限于低带宽、高延迟、丢包等情况。弱网测试有助于发现应用程序在网络不稳定时可能出现的问题,例如页面加载缓慢、请求超时、数据丢失等。通过模拟不同的网络环境,开发人员可以验证应用程序在各种网络条件下是否能够正常工作。

2. Charles Proxy 简介

Charles Proxy 是一款跨平台的 HTTP 代理服务器,用于监测 HTTP/HTTPS 请求和响应,以及 SSL/TLS 加密的 HTTPS 流量。它可以帮助开发人员调试网络请求,同时提供了多种高级功能,如断点调试、重放请求、模拟网络环境等。

3. 安装 Charles Proxy
  1. 下载安装包:访问 Charles Proxy 官方网站下载最新版本的安装包。
  2. 安装 Charles:根据操作系统的提示完成安装过程。
4. 配置 Charles 代理

在开始模拟弱网测试之前,需要确保 Charles Proxy 成功配置为系统代理。

  1. 启动 Charles:双击桌面上的 Charles 图标启动 Charles。
  2. 配置系统代理:根据你的操作系统,将网络设置中的 HTTP 代理指向 Charles 的 IP 地址和端口(默认为 127.0.0.1:8888)。
    在这里插入图片描述

在这里插入图片描述

手机端设置代理,确保手机和电脑连接的是同一个WIFI网络,然后设置WIFI为手动代理,填写电脑的IP及上面Charles设置的代理端口8888

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
设置代理完成后保存设置,一般情况下就能够抓到手机里应用的数据包了,如果不行的话,装一下证书,小编完成上述设置已经能够抓包了。
在这里插入图片描述

如果抓不到包就装下证书,在手机浏览器输入http:\chls.pro\ssl,会自动下载CA证书。
在这里插入图片描述
然后装一下证书
在这里插入图片描述
我这是模拟器直接点击下载文件就能安装,实际手机需要进入“安全设置”–“用户凭据”中手动安装CA证书,这里就不啰嗦了。

  1. 测试代理设置:打开浏览器访问任意网站,确保 Charles 正常捕获网络流量。
    在这里插入图片描述
5. 模拟弱网环境

Charles 提供了“Throttle Settings”功能,可以用来模拟不同类型的网络环境。以下是具体步骤:

  1. 打开 Throttle 设置:在 Charles 主界面的顶部菜单栏中,选择“Proxy” -> “Throttle Settings…”。
    在这里插入图片描述

  2. 选择预设网络类型:Charles 提供了几种预设的网络类型,如 2G、3G、4G 等。对于弱网测试,可以选择 2G 或者自定义网络设置。

  3. 自定义网络设置

    • Downstream Kbps:设置下行带宽。2G 网络的下行带宽通常较低,可以设置为 40 kbps。
    • Upstream Kbps:设置上行带宽。2G 网络的上行带宽同样较低,可以设置为 20 kbps。
    • Latency ms:设置延迟。2G 网络的延迟较高,可以设置为 500 ms。
      在这里插入图片描述

在这里插入图片描述

  1. 启用设置:点击“OK”按钮启用设置。

在这里插入图片描述

6. 实际示例

假设我们要测试一个电商应用在弱网环境下的表现。我们可以通过 Charles 捕获并分析应用在弱网环境下的网络请求。

  1. 启动电商应用:在手机上启动电商应用。
  2. 浏览商品页面:在应用中浏览商品页面,Charles 会自动捕获所有相关的网络请求。
  3. 查看请求详情:在 Charles 的主界面中,可以查看每个请求的详细信息,包括请求 URL、HTTP 方法、响应时间等。
  4. 分析响应时间:重点关注页面加载的时间,查看是否有请求超时或响应时间过长的情况。
  5. 测试登录功能:尝试登录功能,观察是否能够在弱网环境下顺利完成登录操作。
  6. 测试支付流程:进行支付操作,检查支付过程中是否存在网络不稳定导致的问题。
7. 分析测试结果

在完成弱网测试后,需要对测试结果进行分析,找出潜在的问题点,并提出改进措施。

  1. 检查错误码:查看是否有请求返回了错误码,如 4xx 或 5xx 状态码。
  2. 分析超时情况:检查是否有请求超时的情况,特别是对于那些耗时较长的操作。
  3. 优化网络请求:对于那些在弱网环境下表现不佳的请求,可以考虑优化网络请求,例如减少不必要的数据传输、使用更高效的数据格式(如 JSON 代替 XML)等。
  4. 改进用户体验:针对弱网环境下的用户体验问题,可以考虑增加加载指示器、优化缓存策略等。
8. 总结

通过使用 Charles Proxy 进行弱网测试,我们可以模拟真实的网络环境,发现并解决应用程序在弱网环境下的问题。这对于提升应用程序的稳定性和用户体验至关重要。在实际测试过程中,可以根据具体情况调整 Charles 的网络设置,以便更准确地模拟目标网络环境。

通过本文的介绍和示例,相信你已经掌握了如何使用 Charles Proxy 进行弱网测试的基本方法。在实际开发工作中,不断优化测试策略,可以有效提升应用程序的质量和稳定性。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • AppenTalk | 不止于赛场,巴黎奥运会上的中国AI科技
  • APP支付宝授权获取code uniapp
  • 案例 | 生产制造中的直线度测量
  • jmeter中添加集合点
  • 华为od面试经验2024-面经
  • CAD图纸加密软件有哪些?10款超级好用的CAD图纸加密软件推荐
  • 字符串算法
  • wangeditor编辑器自定义按钮和节点,上传word转换html,文本替换
  • 简单封装一个类似菜单栏的树状结构转换
  • VMware-Ubuntu共享文件找不到
  • 深入探索分布式任务调度框架:MySQL实现高效锁机制
  • 误删?损坏?SD卡数据恢复全攻略,让你的数据起死回生!
  • RK3568平台(PWM篇)PWM驱动
  • xss-靶场
  • 基于协同过滤算法的体育商品推荐系统_t81xg
  • 自己简单写的 事件订阅机制
  • [LeetCode] Wiggle Sort
  • [nginx文档翻译系列] 控制nginx
  • Angular 4.x 动态创建组件
  • Bytom交易说明(账户管理模式)
  • Docker 笔记(2):Dockerfile
  • ES6 学习笔记(一)let,const和解构赋值
  • mysql 5.6 原生Online DDL解析
  • Netty源码解析1-Buffer
  • Nodejs和JavaWeb协助开发
  • ReactNativeweexDeviceOne对比
  • storm drpc实例
  • use Google search engine
  • 从零开始在ubuntu上搭建node开发环境
  • 得到一个数组中任意X个元素的所有组合 即C(n,m)
  • 简单基于spring的redis配置(单机和集群模式)
  • 精彩代码 vue.js
  • 离散点最小(凸)包围边界查找
  • 深度学习在携程攻略社区的应用
  • 通过获取异步加载JS文件进度实现一个canvas环形loading图
  • 移动端解决方案学习记录
  • 译米田引理
  • ​​​​​​​Installing ROS on the Raspberry Pi
  • ​云纳万物 · 数皆有言|2021 七牛云战略发布会启幕,邀您赴约
  • #、%和$符号在OGNL表达式中经常出现
  • $ is not function   和JQUERY 命名 冲突的解说 Jquer问题 (
  • (leetcode学习)236. 二叉树的最近公共祖先
  • (二十三)Flask之高频面试点
  • (翻译)terry crowley: 写给程序员
  • (附源码)计算机毕业设计SSM保险客户管理系统
  • (六)什么是Vite——热更新时vite、webpack做了什么
  • (亲测)设​置​m​y​e​c​l​i​p​s​e​打​开​默​认​工​作​空​间...
  • (实战篇)如何缓存数据
  • (一)eclipse Dynamic web project 工程目录以及文件路径问题
  • (一)u-boot-nand.bin的下载
  • (转)IOS中获取各种文件的目录路径的方法
  • *(长期更新)软考网络工程师学习笔记——Section 22 无线局域网
  • .env.development、.env.production、.env.staging
  • .NET 设计一套高性能的弱事件机制
  • .NET/C# 判断某个类是否是泛型类型或泛型接口的子类型