小程序体验版白屏(已解决)

新手期估计有50~80%的时间会花在调试bug上,作为新手这很正常,熟练之后,产生的bug会变少,解决bug的效率也会提高。
今天碰到的新问题是小程序白屏。
基本完成了我的小程序,打算上传发布,手机扫描体验版的二维码,点击进入后却一直白屏,什么内容也没有。但是真机调试是好的。。。

搜索了一下原因和问题,大概有几个:

  1. 手机运行环境,比如内存不足
  2. 小程序底层框架
  3. 代码不规范

花了2个小时检查代码,顺带又优化了一遍,体验版还是白屏,连带真机调试都白屏了。。。

其实,微信官方给出了找bug的办法:wx.setEnableDebug(Object object)

// 在索引页加入以下代码,打开真机调试
  onLoad: function() {
	// 打开调试
	wx.setEnableDebug({
	  enableDebug: true
	})
	
	// 关闭调试
	wx.setEnableDebug({
	  enableDebug: false
	})
	Tips
}

如果你在小程序SDK中保存会报错

"errMsg":"setEnableDebug:fail 开发者工具暂时不支持此 API 调试,请使用真机进行开发"

没关系,因为这段代码不是用于开发工具,而是用于真机调试。直接启动真机调试,这时手机屏幕下方会有一个console的标签,点击可以查看。

据此,我找到的白屏原因是出在 “getElementsByTagName”上,全局搜索这个词,是在我引入的iconfont的js代码中。直接删除这个js文件。OK了!!!

第一个小程序审核四次,终于通过啦
小程序体验版白屏(已解决)_第1张图片

你可能感兴趣的:(小程序开发)