JS判断Android、iOS或浏览器的多种方法(四种方法)


Posted in Javascript onJune 29, 2017

第一种:通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端。

代码如下:

<script type="text/javascript">
  var u = navigator.userAgent;
  var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
  var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
  alert('是否是Android:'+isAndroid);
  alert('是否是iOS:'+isiOS);
</script>

第二种:检查是否是移动端(Mobile)、ipad、iphone、微信、QQ等。

<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('Adr') > -1, //android终端
      iPhone: u.indexOf('iPhone') > -1 , //是否为iPhone或者QQHD浏览器
      iPad: u.indexOf('iPad') > -1, //是否iPad
      webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部
      weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增)
      qq: u.match(/\sQQ/i) == " qq" //是否QQ
    };
  }(),
  language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
</script>

使用方法:

//判断是否IE内核 
if(browser.versions.trident){ alert(“is IE”); } 
//判断是否webKit内核 
if(browser.versions.webKit){ alert(“is webKit”); } 
//判断是否移动端 
if(browser.versions.mobile||browser.versions.android||browser.versions.ios){ alert(“移动端”); }

检测浏览器语言

currentLang = navigator.language; //判断除IE外其他浏览器使用语言 
if(!currentLang){//判断IE浏览器使用语言 
currentLang = navigator.browserLanguage; 
} 
alert(currentLang);

第三种:判断iPhone|iPad|iPod|iOS|Android客户端,来自http://www.fufuok.com/JS-iphone-android.html

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
  //alert(navigator.userAgent); 
  window.location.href ="iPhone.html";
} else if (/(Android)/i.test(navigator.userAgent)) {  //判断Android
  //alert(navigator.userAgent); 
  window.location.href ="Android.html";
} else { //pc
  window.location.href ="pc.html";
};

第四种:判断pc还是移动端

<script>
//判断是否手机端访问
  var userAgentInfo = navigator.userAgent.toLowerCase();
  var Agents = ["android", "iphone",
        "symbianos", "windows phone",
        "ipad", "ipod"];
  var ly=document.referrer; //返回导航到当前网页的超链接所在网页的URL
  for (var v = 0; v < Agents.length; v++) {
    if (userAgentInfo.indexOf(Agents[v]) >= 0&&(ly==""||ly==null)) {
      this.location.href='http://m.***.com'; //wap端地址
    }
  }
</script>

以上所述是小编给大家介绍的JS判断Android、iOS或浏览器的多种方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
JavaScript中void(0)的具体含义解释
Feb 27 Javascript
jquery validate.js表单验证的基本用法入门
May 13 Javascript
jquery.validate的使用说明介绍
Nov 12 Javascript
Jquery 动态循环输出表格具体方法
Nov 23 Javascript
JavaScript中的Primitive对象封装介绍
Dec 31 Javascript
Javascript实现Array和String互转换的方法
Dec 21 Javascript
js解决movebox移动问题
Mar 29 Javascript
详解如何使用webpack打包Vue工程
May 27 Javascript
基于Vue实现页面切换左右滑动效果
Jun 29 Javascript
vue 通过下拉框组件学习vue中的父子通讯
Dec 19 Javascript
Vue的编码技巧与规范使用详解
Aug 28 Javascript
js实现日历
Nov 07 Javascript
详解webpack分包及异步加载套路
Jun 29 #Javascript
JavaScript之map reduce_动力节点Java学院整理
Jun 29 #Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
Jun 29 #Javascript
JavaScript之iterable_动力节点Java学院整理
Jun 29 #Javascript
JavaScript之Map和Set_动力节点Java学院整理
Jun 29 #Javascript
JavaScript之面向对象_动力节点Java学院整理
Jun 29 #Javascript
JavaScript之json_动力节点Java学院整理
Jun 29 #Javascript
You might like
乐信RP2100的电路分析和打磨
2021/03/02 无线电
phpexcel导出excel的颜色和网页中的颜色显示不一致
2012/12/11 PHP
PHP 获取ip地址代码汇总
2015/07/05 PHP
php实现的简单中文验证码功能示例
2017/01/03 PHP
PHP大文件切割上传功能实例分析
2019/07/01 PHP
基于jquery的分页控件(C#)
2011/01/06 Javascript
最短的javascript:地址栏载入脚本代码
2011/10/13 Javascript
FireFox下XML对象转化成字符串的解决方法
2011/12/09 Javascript
jQuery中filter()和find()的区别深入了解
2013/09/25 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
2013/10/11 Javascript
js拖动div 当鼠标移动时整个div也相应的移动
2013/11/21 Javascript
jQuery简单操作cookie的插件实例
2016/01/13 Javascript
js实现弹窗居中的简单实例
2016/10/09 Javascript
react.js 翻页插件实例代码
2017/01/19 Javascript
微信小程序的分类页面制作
2017/06/27 Javascript
Angular 2父子组件数据传递之@ViewChild获取子组件详解
2017/07/04 Javascript
vue实现select下拉显示隐藏功能
2019/09/30 Javascript
js实现简单掷骰子小游戏
2019/10/24 Javascript
vue实现鼠标移过出现下拉二级菜单功能
2019/12/12 Javascript
[00:42]《辉夜杯》—职业组预选赛12月3日15点 正式打响
2015/12/03 DOTA
[00:43]拉比克至宝魔导师密钥展示
2018/12/20 DOTA
使用Python发送各种形式的邮件的方法汇总
2015/11/09 Python
python中使用正则表达式的连接符示例代码
2017/10/10 Python
利用Python进行异常值分析实例代码
2017/12/07 Python
jupyter lab的目录调整及设置默认浏览器为chrome的方法
2020/04/10 Python
HTML5的一个显示电池状态的API简介
2015/06/18 HTML / CSS
使用phonegap播放音频的实现方法
2017/03/31 HTML / CSS
ZWILLING双立人英国网上商店:德国刀具锅具厨具品牌
2018/05/15 全球购物
新西兰优惠网站:Treat Me
2019/07/04 全球购物
幼儿园家长会欢迎词
2014/01/09 职场文书
优秀电子工程系毕业生求职信
2014/05/24 职场文书
科学发展观演讲稿
2014/09/11 职场文书
2015年酒店客房部工作总结
2015/04/25 职场文书
党员干部学习三严三实心得体会
2016/01/05 职场文书
Python+OpenCV实现在图像上绘制矩形
2022/03/21 Python
MySQL去除密码登录告警的方法
2022/04/20 MySQL