- 积分
- 6429
- 下载币
- 个
- 帖子
- 主题
- 最后登录
- 1970-1-1
- 在线时间
- 小时
- 注册时间
- 2020-6-18
- 好友
- 听众
|
发表于 2020-10-17 13:39:20
|
显示全部楼层
|阅读模式
发布于:福建省福州市 联通
微信小程序白屏原因有很多,种类很很多,有的是整个页面全部「白屏」,有的是上半部分白屏,有的是安卓机下正常,iOS下白屏,有的刚好相反。但是根据小编日常开发维护的经验初步总结有如下几种原因:
1、样式问题
部分样式可能在部分机型上不兼容导致页面上什么都没有。出现「白屏」
排错解决方法:
这种问题一般出现在模拟器上或者某些真机上正常,某些机型真机下白屏。
解决方法是找一台能复现的机型,真机调试,进入调试页面,WXML里面进行相关调试处理
2、web-view原网页问题
部分web-view下内嵌的H5页面可能在系统浏览器里正常,但是小程序里就是「白屏」
排错和解决方法:
相关网址直接复制到微信浏览器里打开测试是否一样,如果是一样白屏那么100%确定是H5页面问题。然后仔细排查下H5页面代码,这个交由H5页面开发负责。具体排错方法限于篇幅这里不说了
3、基础库问题
部分基础库版本太低导致。
4、代码问题
包括但不限于由后端SSL证书/后端接口代码/前端代码出错导致相关数据非预期,从而出现致整个页面后续的渲染出错。
这个建议能复现的真机上开启vconsole模式,根据错误日志定位相关错误原因。
5、其他原因
这个「白屏」的原因确实比较多,肯定还有其他的在这里没说到的。希望大家碰到时多多来这里分享,让更少的人踩坑。 |
|