移动端开发tips
最近移动端开发做了一些,记录一些需要用到的东西
-
监测手机的旋转的函数
window.onorientationchange = function(){ var r = getRota(); if(r){ //巴拉巴拉 ,做某些事情吧 } }; function getRota() { var rota = window.orientation; if (rota == 0 || rota == 180) {//竖屏 var r =0; } else if (rota == 90 || rota == -90) {//横屏 var r = 1; } return r; }
-
window.resize的延时执行
这是需要注意的地方,当手机旋转或者window.resize的时候我们可能需要重新绘制页面, resize有可能类似于mouseMove事件一样不停的触发,浏览器性能比较差就可能页面挂掉了,比如微信里的浏览器就性能比较差,我们需要加个定时器延时执行重新渲染的方法代码如下 1500是我自己随便写的一个值。。。
var time=0; window.addEventListener("resize",function(e){ //手机resize一般发生在旋转的时候或者键盘弹出,可以重新请求页面刷新数据等等某些操作, clearTimeout(time); time=setTimeout(function(){ var bi_submit=document.getElementById("bi_submit"); if(bi_submit){ bi_submit.click(); } },1500); },false);
发表评论