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 相关文章推荐
javascript 限制输入和粘贴(IE,firefox测试通过)
Nov 14 Javascript
json格式的时间显示为正常年月日的方法
Sep 08 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
Nov 08 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
Dec 13 Javascript
SinaEditor使用方法详解
Dec 28 Javascript
jQuery中Ajax的get、post等方法详解
Jan 20 Javascript
angularJS提交表单(form)
Feb 09 Javascript
使用CSS+JavaScript或纯js实现半透明遮罩效果的实例分享
May 09 Javascript
JS实现图片预览的两种方式
Jun 27 Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
Aug 17 Javascript
浅谈Koa服务限流方法实践
Oct 23 Javascript
vue 点击其他区域关闭自定义div操作
Jul 17 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
3种平台下安装php4经验点滴
2006/10/09 PHP
比较简单实用的PHP无限分类源码分享(思路不错)
2011/10/13 PHP
php防止SQL注入详解及防范
2013/11/12 PHP
PHP使用DOMDocument类生成HTML实例(包含常见标签元素)
2014/06/25 PHP
PHP SPL标准库中的常用函数介绍
2015/05/11 PHP
PHP MYSQL实现登陆和模糊查询两大功能
2016/02/05 PHP
Yii实现文章列表置顶功能示例
2016/10/18 PHP
Laravel中的Auth模块详解
2017/08/17 PHP
PHP常见过waf webshell以及最简单的检测方法
2019/05/21 PHP
Jquery Ajax解析XML数据(同步及异步调用)简单实例
2014/02/12 Javascript
js实现从数组里随机获取元素
2015/01/12 Javascript
javascript使用正则表达式实现去掉空格之后的字符
2015/02/15 Javascript
Windows系统下Node.js的简单入门教程
2015/06/23 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
2016/02/02 Javascript
改变checkbox默认选中状态及取值的实现代码
2016/05/26 Javascript
jquery Banner轮播选项卡
2016/12/26 Javascript
JS常见算法详解
2017/02/28 Javascript
JavaScript编写棋盘覆盖代码详解
2017/08/28 Javascript
完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题
2018/01/25 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
2019/06/06 Javascript
JavaScript使用prototype属性实现继承操作示例
2020/05/22 Javascript
关于element的表单组件整理笔记
2021/02/05 Javascript
[02:12]探秘2016国际邀请赛中国区预选赛选手房间
2016/06/25 DOTA
Python 文件操作的详解及实例
2017/09/18 Python
关于Numpy数据类型对象(dtype)使用详解
2019/11/27 Python
python 已知一个字符,在一个list中找出近似值或相似值实现模糊匹配
2020/02/29 Python
浅谈Keras中shuffle和validation_split的顺序
2020/06/19 Python
详解numpy1.19.4与python3.9版本冲突解决
2020/12/15 Python
10分钟理解CSS3 FlexBox弹性布局
2018/12/20 HTML / CSS
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
《飞向蓝天的恐龙》教学反思
2014/04/09 职场文书
会计学毕业生求职信
2014/06/25 职场文书
2015年秘书个人工作总结
2015/04/25 职场文书
房贷收入证明范本
2015/06/12 职场文书
公司员工违法违章行为检讨书
2019/06/24 职场文书
Win11 BitLocker 驱动器加密
2022/04/19 数码科技