微信小程序白屏问题总结一二

最近时不时有用户反馈，小程序白屏，多数以华为畅享机型，iphone6P机型，荣耀8为主，主要表现为小程序刚进去时显示正常，来回切换几个页面后，个别页面就出现白屏啦。

期初以为是代码问题，JS报错，导致数据绑定出问题，页面显示空白，但后来发现：

1）有几个页面完全是图标+文字显示的静态页面，根本不存在任何JS交互，也出现白屏；

2）页面白屏时，连调试图标也不显示；

基于以上2点基本上可以排除是自身代码问题啦，那么就只有另外2个可能性：

1）小程序底层框架适配出bug啦；

2）小程序运行环境出问题啦，如：手机运行内存不够；

在iphone6p环境下，关闭其它所有可见app，只保留微信，依然会出现白屏现象，所以基本上排除运行环境内存不足问题，那么可能性比较大的就是小程序底层框架问题。如果真是这个问题，那么喜欢微信团队早日修复。

另外app.js有onError错误监听函数，js抛错，都可以在onError统一处理，建议实现onError事件处理函数，记录js错误情况，从而进一步排除系代码问题导致

微信小程序白屏问题总结一二相关推荐

微信小程序 - 骨架屏
骨架屏 - "与其等待网络加载,不如提前给点暗示" 注:不适用复杂交互效果演示示例解释以及使用全在index.wxml中,观看需了解组件使用. 示例下载:微信小程序-骨架屏演示 ...
微信小程序全屏背景图
微信小程序全屏背景图,解决你在设置过程中出现的多次背景图重复出现的问题 wxml <view class="container" style="height: {{ ...
前端白屏问题_小程序白屏问题和内存解决方法
1 关于WKWebview白屏,网上罗列的常见原因大致有以下几种: 1.内存占用比较大时,WebContent Process 会 crash,从而出现白屏现象. 2.URL网址无效或者含有中文字符. ...
电脑版微信小程序全屏显示方法，手机横屏方法。
电脑版微信小程序全屏显示方法: 在app.json中加入:"resizable": true 注意要与"pages"同级,网上有许多错误方法! 手机横屏方法: ...
微信小程序-首屏视频加载
项目场景: 微信小程序开发: 实现小程序首页视频预加载功能 1.获取设备的宽和高度 2.小程序video的使用获取设备的宽和高度 // 获取设备的宽和高度getsize() {let that = ...
微信小程序，不可不知的一二三四
忽如一夜春风来.国内开发者圈最近的热门话题莫过于微信的小程序,也很合理,当下没有任何一个APP能达到微信这种万人瞩目的量级.当我们的睡前最后一眼和醒来第一眼都给了她的时候,如张小龙所说,微信已经成为了 ...
微信小程序全屏轮播（仿北京环球）
空闲时间看见北京环球的微信小程序,感觉首页效果挺好看的,所以就动手做了一下.仅供参考! 文章目录 1.效果预览 2.代码实现 2.1 HTML 2.2 CSS 2.3 JSON 2.4 JS 1.效果 ...
微信小程序截屏保存图片
在小程序的分享功能中,截屏是一个比较常见的需求.而截屏不只是截取当前页面,还要将二维码放进去以方便用户长按识别.从营销方面来看,这样可以说是一举两得了.要实现的效果如下: 实话说,一开始收到这个需求是 ...
微信小程序---骨架屏实现，实现起来超级简单
一.什么是骨架屏? 骨架屏是页面的一个空白版本,通常会在页面完全渲染之前,通过一些灰色的区块大致勾勒出轮廓,待数据加载完成后,再替换成真实的内容.通常在小程序中,我们需要手工维护骨架屏的代码,当业务变 ...

微信小程序白屏问题总结一二

微信小程序白屏问题总结一二相关推荐

最新文章

热门文章