文档章节

JS判断客户端是否是iOS或者Android手机移动端

bengozhong
 bengozhong
发布于 2016/09/20 15:30
字数 206
阅读 43
收藏 2

<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("移动端"); }

© 著作权归作者所有

bengozhong
粉丝 19
博文 476
码字总数 485469
作品 0
深圳
程序员
私信 提问
React Native SDK for OSS

此文主要介绍 React Native SDK for OSS的方方面面,包括相关基本概念、项目背景、项目方案、环境搭建运行、使用姿势、注意事项等。文末的附件可运行Example Zip压缩包和针对新手的入门实用文...

zuozhao
2018/05/18
0
0
iOS与Android平台上问题列表

问题列表 伪类 :active 生效 要CSS伪类 生效,只需要给 document 绑定 或 事件 消除 transition 闪屏 两个方法 消除 IE10 里面的那个叉号 来源出处:http://msdn.microsoft.com/en-us/libra...

陈文亮
2015/03/01
6
0
ionic react-native和native开发移动app到底那个好

ionic react-native和native开发移动app那个好 ? 移动端开发如何选型?这里介绍一下我眼中的ionic,react-native,native 三种移动端开发选型对比。欢迎大家补充指正 一、 跨平台特性 ionic : ...

htzhanglong
2016/02/27
8.3K
7
ionic react-native和native开发移动app对比

ionic react-native和native开发移动app对比 移动端开发如何选型?这里介绍一下我眼中的ionic/cordova,react-native,native 三种移动端开发选型对比。欢迎大家补充指正 一、 跨平台特性 ioni...

htzhanglong
2016/06/10
796
0
JavaScript(React Native、Node.js等)移动、服务端通吃的全栈语言

作者:李宁老师 东北大学计算机专业硕士。曾任沈阳东软股份项目经理。51CTO学院签约讲师。从事软件研究和开发超过20年。长久以来一直从事Java、Android、iOS、C++、Swift、Objective-C以及跨...

androidguy
2018/06/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

ubuntu或ubuntu kylin优麒麟中安装QQ、wechat微信、百度网盘

从中国国内的地址下载deepin wine,码云上的。这样网速比较快。然后,按照说明向下安装。 https://gitee.com/wszqkzqk/deepin-wine-for-ubuntu...

gugudu
25分钟前
1
0
基于redis分布式锁实现“秒杀”

最近在项目中遇到了类似“秒杀”的业务场景,在本篇博客中,我将用一个非常简单的demo,阐述实现所谓“秒杀”的基本思路。 业务场景 所谓秒杀,从业务角度看,是短时间内多个用户“争抢”资源...

别打我会飞
45分钟前
13
0
Zookeeper的实践指南

本章重点 1.数据存储2.基于Java API初探Zookeeper的使用3.深入分析Watcher机制的实现原理4.Curator客户端的使用,简单高效 数据存储 事务日志快照日志运行时日志 bin/zookeepe...

须臾之余
48分钟前
1
0
MySQL mybatis Point类型数据

MySQL中的point用于表示GIS中的地理坐标,在GIS中广泛使用 如何写入mysql,如下图: CREATE TABLE `test-point` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '序号', `point` ......

张欢19933
59分钟前
2
0
设计模式-适配器模式

适配器模式 适配器模式(Adapter Pattern)是作为两个不兼容的接口之间的桥梁。这种类型的设计模式属于结构型模式,它结合了两个独立接口的功能。 这种模式涉及到一个单一的类,该类负责加入...

HOT_POT
今天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部