成都web前端培训
成都达内金融街中心

18628200088

热门课程

web前端-设备判断js代码分享

  • 时间:2016-09-30 13:43
  • 发布:达内杨老师
  • 来源:达内

成都达内分享-动态判断浏览器是PC还是移动端!

<script>

var browser={   

versions:function(){           

var u = avigator.userAgent, app = navigator.appVersion;           

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或者QQHD浏览器               

iPad: u.indexOf('iPad') > -1, //是否iPad               

webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部           

};

}()

}

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);

</script>

上一篇:web前端-js拖拽实例代码
下一篇:web前端-uploadify插件的使用