H5开发在微信浏览器上,出现“白屏”问题

微信开发： H5开发在微信浏览器上,出现“白屏”问题

在开发微信公众号的页面时，应该很多开发者会出现： 从菜单栏点击跳转到页面时出现白屏或者授权完成重定向出现白屏。
大致导致白屏的原因有以下几种：

1. 重定向次数过多

• 原因：重定向次数太多，使用vue的$route.query取参会导致取不到参数。
• 解决方案：使用原生js，解析获取参数

	const getURLParameters = url =>
       (url.match(/([^?=&]+)(=([^&]*))/g) || []).reduce((a, v) => {
         a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1)
         return a
       }, {});`
	  const urlParams = getURLParameters(location.href)
      urlParams.headimgurl = decodeURIComponent(urlParams.headimgurl)
      this.openid = urlParams.openid
      this.headimgurl = urlParams.headimgurl

2. 微信浏览器缓存机制

• 解决方案：在渲染页面前加上一个随机参数

	let timeStamp = new Date()
    window.location.href = window.location.href + '?timeStamp=' + timeStamp.getTime()

今天的文章H5开发在微信浏览器上,出现“白屏”问题分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。