蚂蚁金服测开面试题-H5白屏页面分析

1.结果
弱网络的情况下,获取接口数据超时,IOS由于自身机制的原因重试三次之后 便不在重试,安卓代码控制重试三次.然后出现白屏,暂时解决方案是移动端增加异常处理逻辑,允许用户主动刷新操作.
2.排查过程
(1)移动端开发人员代码review,后端接口开发人员拨测,验证OK
(2)后端接口开发人员排查日志,无明显异常
(3)大部分用户APP正常使用,少量用户使用异常
(4)收到用户反馈之后,测试用相同的机型及系统版本一致的情况下,使用用户的账户进行复现问题,验证OK
(5)通知用户再次出现的问题的情况下使用网速通,提供测试URL进行测试,发现耗时正常,检查对应的cdn节点验证OK.
(6)移动端开发人员使用fiddler进行弱网络测试能够进行复现问题
3.问题处理
(1).移动端做好异常处理逻辑,允许用户主动刷新操作
(2).后端接口尽可能降低耗时
(3).选择优质可靠的cdn服务提供商

bug-1:
【现象】多位APP用户反馈收银台页面出现空白(页面是h5的)。
【重现】公司测试人员重现只是偶发,很难必现,开发很难定位问题原因。
【过程】
方案一、经过开发同事多天奋战,初步怀疑是cdn的问题,解决办法是先不用cdn。
方案二、为了定位具体问题,原生APP和H5开始进行埋点。
【结果】
一、另一条业务线的小伙伴在一次新发布之后,能够在浏览器里稳定重现这个白屏现象。发现是H5发布之后有一个css文件和实际发布的不一样,最后在运维架构组的确认下,cdn出现bug了。。。(这个是我们H5开发小伙伴告知的,真实性有待考证)
二、同时,我们的埋点功能测试完成之后,发布线上。
 
bug-2:
【现象】某个地区的用户打开页面总是白屏(h5)。
【重现】公司内无法重现。
【过程】现象很有规律,都是某一个通信运营商的用户。
【结果】运维架构组解决。
日行一善, 日写一撰
原文地址:https://www.cnblogs.com/xiyuan2016/p/14307179.html