蚂蚁金服测开面试题-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)。

【重现】公司内无法重现。

【过程】现象很有规律，都是某一个通信运营商的用户。

【结果】运维架构组解决。