使用JS判断移动设备的终端类型(浏览器UserAgent)

来源:互联网 发布:matlab 矩阵动态添加 编辑:程序博客网 时间:2024/04/28 20:14

JavaScript 是如何判断移动设备的类型呢?答案是:User Agent。

什么是 User Agent?懂一点网页制作的人应该都明白。简单的说,User Agent 就是用来识别浏览器名称、版本、引擎以及操作系统等信息的内容。

User Agent 的判断是识别浏览器的关键,不仅仅如此,移动互联网开发势头迅猛,通过 User Agent 判断桌面端设备或移动设备就变的很为重要。当然,通过 User Agent 也可以用来改善一定的兼容性,比如判断得到用户用 IE6 浏览器那么就是用不同的代码。

var browser = {    versions:function(){         var u = navigator.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.*/), //是否为移动终端           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 , //是否为iPhone           iPad: u.indexOf('iPad') > -1, //是否iPad        };    }(),    language:(navigator.browserLanguage || navigator.language).toLowerCase()};document.writeln("语言版本: "+browser.language);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);if( browser.versions.ios || browser.versions.iPhone || browser.versions.iPad){    alert('苹果');}else if( browser.versions.android ){  alert('安卓');}else{  alert('其他');}
阅读全文
0 0
原创粉丝点击