網頁在iPhone 6 plus的瀏覽器中遇到了一些兼容性的問題,需要針對性的修復。於是需要檢查是否為iPhone 6 plus。我根據iPhone 6 plus的屏幕特點,設計了如下判斷函數。親測可用。
1 var isPhone6p = (function(){ 2 var h=window.innerHeight,w=window.innerWidth,useragent = navigator.userAgent.toLowerCase(),isP6p = false; 3 4 if(useragent.match(/mobile/i)!==null && useragent.match(/iphone/i)!==null && ( h>w ? (Math.abs(w-414)<10 && h<=736) : (Math.abs(w-736)<10) && h<=414)) isP6p = true; 5 6 return isP6p; 7 })();
同理,我們也可以寫出iPhone6、iphone5、iphone4等的檢測函數,在此就不一一列舉了。希望能拋磚引玉。