【兼容】微信內置瀏覽器IOS與Android的兼容

一、IOS點返回時返回假頁面,若是前一頁有個彈窗之類的,那返回時會帶着這個彈窗,而且點擊彈窗上的按鈕根本很差使(安卓無此問題)。this

解決方式:返回時從新刷新前一頁.net

代碼:插件

window.onpageshow=function(e){blog

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

二、H5原生的<input  type= date /datetime-local>時,部分IOS點擊彈不出來日期選擇插件,其實這不是彈不出來,只是須要你往上滑。。。就會出現了(安卓無此問題)io

解決方式:將彈窗調入可視區域function

代碼:cli

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

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

三、IOS中的radio、checkbox、select 有時用attr賦值反顯很差使,這時不妨先用prop試一試,可能有驚喜

相關文章
相關標籤/搜索