常见白屏问题

目前在对接客户技术支持上,发现反馈页面白屏的问题是最多的。我们经过排查,发现白屏问题往往都是由客户自己的代码引起的。
常见的原因可分为以下几种:

1.h5页面语法使用不恰当

在低版本(iOS 8,9系统)的iOS或Android(4.4以下)上不支持,导致页面显示白屏,如:

  • 1.使用了es6的语法(如 let ),但是本身代码没有做es5的自动适配

  • 2.引入了三方外部插件,外部插件语法存在兼容性问题

2.编译后的app.js文件大小不对

3.页面逻辑问题

  • 字段undefined,导致列表加载不出来

  • array数组再转JSON,导致字段为空,影响数据列表的显示

  • 页面数据依赖网络接口,且页面没有默认的初始数据。导致在网络不好的情况下,接口数据没有获取到。从而导致页面列表数据空白等问题

4.lightview的调试模式未关闭

lightview的调试模式如果忘记关闭了,直接去预览其他的工程也会白屏。

5.使用了离线包, 但网络不通

如果页面中使用了离线包,但是在本地却没有预置离线包,在网络比较差的情况下会出现白屏。