工作中經常會用到通過js來判斷瀏覽器的功能!今天這里通過js來判斷瀏覽器是來自移動設備還是pc設備!
代碼如下:
var browser={ versions:function(){ var u = window.navigator.userAgent; return { trident: u.indexOf('Trident') > -1, //IE內核 presto: u.indexOf('Presto') > -1, //opera內核 webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內核 mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否為移動終端 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端 android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或者uc瀏覽器 iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否為iPhone或者安卓QQ瀏覽器 iPad: u.indexOf('iPad') > -1, //是否為iPad webApp: u.indexOf('Safari') == -1 ,//是否為web應用程序,沒有頭部與底部
weixin: u.indexOf('MicroMessenger') == -1 //是否為微信瀏覽器 }; }() } document.writeln(" 是否為移動終端: "+browser.versions.mobile); document.writeln(" ios終端: "+browser.versions.ios); document.writeln(" android終端: "+browser.versions.android); document.writeln(" 是否為iPhone: "+browser.versions.iPhone); document.writeln(" 是否iPad: "+browser.versions.iPad); document.writeln(navigator.userAgent);
以上代碼會通過返回布爾值來判斷!你可以通過這個擴展出你想要的方法和函數!