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也能包含文件
Oct 26 Javascript
用js实现的仿sohu博客更换页面风格(简单版)
Mar 22 Javascript
js获取内联样式的方法
Jan 27 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
Apr 17 Javascript
JavaScript时间操作之年月日星期级联操作
Jan 15 Javascript
使用node+vue.js实现SPA应用
Jan 28 Javascript
Vuex简单入门
Apr 19 Javascript
详解javascript 正则表达式之分组与前瞻匹配
May 30 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
Jul 13 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
Aug 10 Javascript
Vue使用轮询定时发送请求代码
Aug 10 Javascript
用vue设计一个日历表
Dec 03 Vue.js
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连接SQLServer2005的实现方法(附ntwdblib.dll下载)
2012/07/02 PHP
PhpStorm terminal无法输入命令的解决方法
2016/10/09 PHP
PHP使用curl_multi_select解决curl_multi网页假死问题的方法
2018/08/15 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
artDialog双击会关闭对话框的修改过程分享
2013/08/05 Javascript
探究Javascript模板引擎mustache.js使用方法
2016/01/26 Javascript
手机图片预览插件photoswipe.js使用总结
2016/08/25 Javascript
作为老司机使用 React 总结的 11 个经验教训
2017/04/08 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
2017/09/03 Javascript
Vue-Access-Control 前端用户权限控制解决方案
2017/12/01 Javascript
vue 实现全选全不选的示例代码
2018/03/29 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
2018/10/09 Javascript
详解Vue中watch的详细用法
2018/11/28 Javascript
vue项目每30秒刷新1次接口的实现方法
2018/12/04 Javascript
前端Electron新手入门教程详解
2019/06/21 Javascript
微信小程序实现首页弹出广告
2020/12/03 Javascript
[01:46]新英雄登场
2019/09/10 DOTA
分享Python开发中要注意的十个小贴士
2016/08/30 Python
pycharm运行出现ImportError:No module named的解决方法
2018/10/13 Python
Python爬取豆瓣视频信息代码实例
2019/11/16 Python
python paramiko远程服务器终端操作过程解析
2019/12/14 Python
Python使用re模块验证危险字符
2020/05/21 Python
Keras之自定义损失(loss)函数用法说明
2020/06/10 Python
Django admin组件的使用
2020/10/24 Python
Python3中FuzzyWuzzy库实例用法
2020/11/18 Python
一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9
2013/11/18 HTML / CSS
城野医生官方海外旗舰店:风靡亚洲毛孔收敛水
2018/04/26 全球购物
匈牙利最大的健身制造商和销售商:inSPORTline
2018/10/30 全球购物
美国隐形眼镜网上商店:Lens.com
2019/09/03 全球购物
几道PHP面试题
2013/04/14 面试题
《美丽的小路》教学反思
2014/02/26 职场文书
法制宣传日活动总结
2014/04/29 职场文书
反洗钱宣传活动总结
2014/08/26 职场文书
中秋客户感谢信
2015/01/22 职场文书
大学生活委员竞选稿
2015/11/21 职场文书
市场营销计划书
2019/04/24 职场文书