小程序体验版白屏已解决
目录
小程序体验版白屏(已解决)
新手期估计有50~80%的时间会花在调试bug上,作为新手这很正常,熟练之后,产生的bug会变少,解决bug的效率也会提高。
今天碰到的新问题是小程序白屏。
基本完成了我的小程序,打算上传发布,手机扫描体验版的二维码,点击进入后却一直白屏,什么内容也没有。但是真机调试是好的。。。
搜索了一下原因和问题,大概有几个:
- 手机运行环境,比如内存不足
- 小程序底层框架
- 代码不规范
花了2个小时检查代码,顺带又优化了一遍,体验版还是白屏,连带真机调试都白屏了。。。
其实,微信官方给出了找bug的办法:
// 在索引页加入以下代码,打开真机调试
onLoad: function() {
// 打开调试
wx.setEnableDebug({
enableDebug: true
})
// 关闭调试
wx.setEnableDebug({
enableDebug: false
})
Tips
}
如果你在小程序SDK中保存会报错
"errMsg":"setEnableDebug:fail 开发者工具暂时不支持此 API 调试,请使用真机进行开发"
没关系,因为这段代码不是用于开发工具,而是用于真机调试。直接启动真机调试,这时手机屏幕下方会有一个console的标签,点击可以查看。
据此,我找到的白屏原因是出在 “getElementsByTagName”上,全局搜索这个词,是在我引入的iconfont的js代码中。直接删除这个js文件。OK了!!!
第一个小程序审核四次,终于通过啦