开放、分享、自由、中立、公平网吧论坛公众号APP(送下载币任务) 微信公众号

天下网吧论坛

 找回密码
 注册账号

QQ登录

只需一步,快速开始

用微信登录

扫一扫,用微信登录

查看: 4326|回复: 0
收起左侧

[经验分享] 微信小程序白屏的原因总结和相关排查方法

[复制链接]
发表于 2020-10-17 13:39:20 | 显示全部楼层 |阅读模式 发布于:福建省福州市 联通
微信小程序白屏原因有很多,种类很很多,有的是整个页面全部「白屏」,有的是上半部分白屏,有的是安卓机下正常,iOS下白屏,有的刚好相反。但是根据小编日常开发维护的经验初步总结有如下几种原因:

1、样式问题

部分样式可能在部分机型上不兼容导致页面上什么都没有。出现「白屏」

排错解决方法:

这种问题一般出现在模拟器上或者某些真机上正常,某些机型真机下白屏。

解决方法是找一台能复现的机型,真机调试,进入调试页面,WXML里面进行相关调试处理

2、web-view原网页问题

部分web-view下内嵌的H5页面可能在系统浏览器里正常,但是小程序里就是「白屏」

排错和解决方法:

相关网址直接复制到微信浏览器里打开测试是否一样,如果是一样白屏那么100%确定是H5页面问题。然后仔细排查下H5页面代码,这个交由H5页面开发负责。具体排错方法限于篇幅这里不说了

3、基础库问题

部分基础库版本太低导致。

4、代码问题

包括但不限于由后端SSL证书/后端接口代码/前端代码出错导致相关数据非预期,从而出现致整个页面后续的渲染出错。

这个建议能复现的真机上开启vconsole模式,根据错误日志定位相关错误原因。

5、其他原因

这个「白屏」的原因确实比较多,肯定还有其他的在这里没说到的。希望大家碰到时多多来这里分享,让更少的人踩坑。

赶紧来设置你的签名->玩转天下网吧论坛签名

您需要登录后才可以回帖 登录 | 注册账号   扫一扫,用微信登录

本版积分规则

下载天下网吧手机APP,直接一键登录
您尚未登录,请登陆后浏览更精彩内容!
 注册账号
找回密码

手机版|纯文字版|联系我们|免责声明|网吧论坛 ( __ICP号__ )

GMT+8, 2024-3-28 18:52 , Processed in 1.341566 second(s), 33 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表