本文主要是介绍移动端网站爬坑记_(3)DOMReady的实现及微信端reload页面解决方案,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
前言
两个小问题的解决方案
问题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();
这篇关于移动端网站爬坑记_(3)DOMReady的实现及微信端reload页面解决方案的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!