標籤:
1 $(document).ready(function () { 2 /* 判斷裝置*/ 3 var browser={ 4 versions:function(){ 5 var u = navigator.userAgent, app = navigator.appVersion; 6 return { 7 trident: u.indexOf(‘Trident‘) > -1, //IE核心 8 presto: u.indexOf(‘Presto‘) > -1, //opera核心 9 webKit: u.indexOf(‘AppleWebKit‘) > -1, //蘋果、Google核心10 gecko: u.indexOf(‘Gecko‘) > -1 && u.indexOf(‘KHTML‘) == -1,//Firefox核心11 mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動終端12 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端13 android: u.indexOf(‘Android‘) > -1 || u.indexOf(‘Linux‘) > -1, //android終端或者uc瀏覽器14 iPhone: u.indexOf(‘iPhone‘) > -1 , //是否為iPhone或者QQHD瀏覽器15 iPad: u.indexOf(‘iPad‘) > -1, //是否iPad16 webApp: u.indexOf(‘Safari‘) == -1, //是否web應該程式,沒有頭部與底部17 weixin: u.indexOf(‘MicroMessenger‘) > -1, //是否 (2015-01-22新增)18 qq: u.match(/\sQQ/i) == " qq" //是否QQ19 20 };21 }(),22 language:(navigator.browserLanguage || navigator.language).toLowerCase()23 }24 if (window.orientation == 0 || window.orientation == 180 || window.orientation == 90 || window.orientation == -90) {25 if (window.orientation == 0 || window.orientation == 180) {26 $("body").attr("class", "portrait");27 orientation = ‘portrait‘;28 if(browser.versions.android||browser.versions.iPhone||browser.versions.iPad){ window.location.href = "mobile.html";}else{29 30 }31 32 return false;33 }34 35 }36 $(window).bind( ‘orientationchange‘, function(e){37 if (window.orientation == 0 || window.orientation == 180 || window.orientation == 90 || window.orientation == -90) {38 if (window.orientation == 0 || window.orientation == 180) {39 $("body").attr("class", "portrait");40 orientation = ‘portrait‘;41 if(browser.versions.android||browser.versions.iPhone||browser.versions.iPad){ window.location.href = "mobile.html";}else{42 43 }44 45 return false;46 }47 48 i }49 });50 51 52 53 54 });
jquery判斷行動裝置程式碼片段;pc、iphone、安卓