js判断客户端是iOS还是Android等移动终端的方法


Posted in Javascript onDecember 11, 2013

判断原理:

JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道。

浏览器类型

⑴浏览器特有属性
⑵根据userAgent
浏览器版本
⑴根据userAgent

对于手机浏览器判断

1.如何判断是否为移动终端 利用正则match,
匹配navigator.userAgent是否含有字符串AppleWebKit*****Mobile
安卓qq浏览器HD版 只有AppleWebKit

2手机语言版本的判断
使用navigator.browserLanguage 便可得出windows phone语言版本,
当然可恶的小小手机语言版本也有兼容性的差异,兼容Mozilla,以及AppleWebKit内核的浏览器访问其语言版本,它会列出 navigator.language
CODE:

<script type="text/javascript"> 
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或者QQHD浏览器 
iPad: u.indexOf('iPad') > -1, //是否iPad 
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部 
}; 
}(), 
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); 
</script>

比较特别的地方
UC浏览器没有安卓报头,只返回:linux ,这里粗略的根据linux来判断是安卓(前提必须满足是移动终端,UC这点是满足的)
安卓QQ浏览器HD版检测的结果是:mac, Safari
Javascript 相关文章推荐
初学prototype,发个JS接受URL参数的代码
Sep 25 Javascript
javascript得到XML某节点的子节点个数的脚本
Oct 11 Javascript
jQuery 选择器、DOM操作、事件、动画
Nov 25 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 Javascript
微信小程序 网络API发起请求详解
Nov 09 Javascript
基于javascript的异步编程实例详解
Apr 10 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
Dec 25 Javascript
js实现一个简单的MVVM框架示例
Jan 15 Javascript
vue+webpack实现异步组件加载的方法
Feb 03 Javascript
使vue实现jQuery调用的两种方法
May 12 jQuery
vue登录注册实例详解
Sep 14 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
Apr 26 Javascript
js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
Dec 11 #Javascript
按下Enter焦点移至下一个控件的实现js代码
Dec 11 #Javascript
JS中window.open全屏命令解析及使用示例
Dec 11 #Javascript
js的匿名函数使用介绍
Dec 11 #Javascript
jquery ajax jsonp跨域调用实例代码
Dec 11 #Javascript
JavaScript Math.ceil() 函数使用介绍
Dec 11 #Javascript
Javascript实现返回上一页面并刷新的小例子
Dec 11 #Javascript
You might like
PHP定时执行计划任务的多种方法小结
2011/12/19 PHP
非常经典的PHP文件上传类分享
2016/05/15 PHP
在php7中MongoDB实现模糊查询的方法详解
2017/05/03 PHP
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
JavaScript 编程引入命名空间的方法
2007/06/29 Javascript
[原创]后缀就扩展名为js的文件是什么文件
2007/12/06 Javascript
按下回车键指向下一个位置的一个函数代码
2014/03/10 Javascript
Node.js实现在目录中查找某个字符串及所在文件
2014/09/03 Javascript
js控制文本框只输入数字和小数点的方法
2015/03/10 Javascript
JavaScript获得表单target属性的方法
2015/04/02 Javascript
javascript实现粘贴qq截图功能(clipboardData)
2016/05/29 Javascript
JS小数运算出现多为小数问题的解决方法
2016/06/02 Javascript
AngularJS下对数组的对比分析
2016/08/24 Javascript
深入理解jquery中extend的实现
2016/12/22 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
关于Angular2 + node接口调试的解决方案
2017/05/28 Javascript
基于Vue中点击组件外关闭组件的实现方法
2018/03/06 Javascript
Vue 组件传值几种常用方法【总结】
2018/05/28 Javascript
select2 ajax 设置默认值,初始值的方法
2018/08/09 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
2018/10/10 Javascript
Vue中computed、methods与watch的区别总结
2019/04/10 Javascript
微信小程序实用代码段(收藏版)
2019/12/17 Javascript
JavaScript中继承原理与用法实例入门
2020/05/09 Javascript
JS如何实现在弹出窗口中加载页面
2020/12/03 Javascript
详解Python中contextlib上下文管理模块的用法
2016/06/28 Python
Flask 让jsonify返回的json串支持中文显示的方法
2018/03/26 Python
tensorflow实现简单的卷积网络
2018/05/24 Python
对Python中的条件判断、循环以及循环的终止方法详解
2019/02/08 Python
详解pandas中MultiIndex和对象实际索引不一致问题
2019/07/23 Python
css3实现画半圆弧线的示例代码
2017/11/06 HTML / CSS
护士求职自荐信范文
2015/03/04 职场文书
2015年党员创先争优公开承诺书
2015/04/27 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
标准版个人借条怎么写?以及什么是借条?
2019/08/28 职场文书
python中sqllite插入numpy数组到数据库的实现方法
2021/06/21 Python
Python实现双向链表基本操作
2022/05/25 Python