H5开发在微信浏览器上,出现“白屏”问题
微信开发: H5开发在微信浏览器上,出现“白屏”问题在开发微信公众号的页面时,应该很多开发者会出现: 从菜单栏点击跳转到页面时出现白屏或者授权完成重定向出现白屏。大致导致白屏的原因有以下几种:1. 重定向次数过多原因:重定向次数太多,使用vue的$route.query取参会导致取不到参数。解决方案:使用原生js,解析获取参数const getURLParameters = ur...
·
微信开发: 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()
更多推荐
已为社区贡献1条内容
所有评论(0)