微信内置浏览器IOS与Android的区别和大坑(一)

1、IOS点返回时返回假页面，如果前一页有个弹窗之类的，那返回时会带着这个弹窗，并且点击弹窗上的按钮根本不好使（安卓无此问题）。

解决方式：返回时重新刷新前一页

代码：

window.onpageshow=function(e){

    if(e.persisted) {
        window.location.reload() 
    }

};

2、H5原生的<input  type= date /datetime-local>时,部分IOS点击弹不出来日期选择插件，其实这不是弹不出来，只是需要你往上滑。。。就会出现了（安卓无此问题）

解决方式：将弹窗调入可视区域

代码：

 <input type="datetime-local" onclick="sr(this);" onchange="nosr(this)"  >

var timer1;  
function sr(obj) {  
    timer1 = setInterval(function() {  
        obj.scrollIntoView(false);  
    }, 100);  
  
}  
function nosr(obj) {  
    clearInterval(timer1);  
}

3、IOS中的radio、checkbox、select 有时用attr赋值反显不好使，这时不妨先用prop试一试，可能有惊喜