工作中經常會用到通過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);
以上代碼會通過返回布爾值來判斷!你可以通過這個擴展出你想要的方法和函數!
