您的位置:首页 > 移动开发

移动端爬坑记 --- (3)DOMReady的实现及微信端reload页面解决方案

2016-07-27 17:11 232 查看

前言

两个小问题的解决方案


问题1 : DOMReady的实现

刚好有一个页面是注册成功的,就单单一个成功图片和文字描述和下载按钮.

由于临时需要增加一个倒计时重定向到下载页面

想了想原生有这么个参数就直接拿来用了,兼容性非常不错,移动端基本清一色的绿色,

PC端支持也不错.IE9+



实现代码 – 很简单的一个事件监听,第三那个参数capture[false为冒泡,true为捕获]

document.addEventListener('DOMContentLoaded',function(){
var count = 5;
setInterval(function(){
count--;
if(count<=1){
window.location.href ="https://www.wolianw.com/index2.html";
}
document.querySelector('.count').innerHTML=count;
},1000);
},
false);


问题2.微信端reload页面解决方案

H5站点首页需要增加下拉刷新,在其他浏览器试的好好的…用微信打开测试,一脸懵逼..一直卡在loading团出来而不重载页面

解决方案: 增加一个没用的参数

//window.location.reload 在微信端用不了,应该是微信做了缓存...就是不能重载...
//location.href增加一个随机参数,可以避免给缓存[我感觉是缓存.就这么称呼把]
window.location.href=window.location.href+"?uncache="+123*Math.random();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息