js判断浏览器类型及设备(移动页面开发)


Posted in Javascript onJuly 30, 2015

下面主要用javascript代码来判断浏览器类型及设备访问该网页面,支持手机上的所有浏览器,具体代码如下。

<!DOCTYPE html>
<html>
<head>
<title>JS判断是什么设备是什么浏览器-3water.com</title>
<meta charset="utf-8">
<meta name="apple-touch-fullscreen" content="YES" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="format-detection" content="telephone=no"/>

</head>
<body>
<div id="divid">
</div>
<script type="text/javascript">
var os = function() {
var ua = navigator.userAgent,
isQB = /(?:MQQBrowser|QQ)/.test(ua), 
isWindowsPhone = /(?:Windows Phone)/.test(ua),
isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone, 
isAndroid = /(?:Android)/.test(ua), 
isFireFox = /(?:Firefox)/.test(ua), 
isChrome = /(?:Chrome|CriOS)/.test(ua),
isIpad = /(?:iPad|PlayBook)/.test(ua), 
isTablet = /(?:iPad|PlayBook)/.test(ua)||(isFireFox && /(?:Tablet)/.test(ua)),
isSafari = /(?:Safari)/.test(ua),
isPhone = /(?:iPhone)/.test(ua) && !isTablet,
isOpen= /(?:Opera Mini)/.test(ua),
isUC = /(?:UCWEB|UCBrowser)/.test(ua),
isPc = !isPhone && !isAndroid && !isSymbian;
return {
isQB: isQB,
isTablet: isTablet,
isPhone: isPhone,
isAndroid : isAndroid,
isPc : isPc,
isOpen : isOpen,
isUC: isUC,
isIpad : isIpad
};
}();
var html=[];
html[html.length]='是QQ浏览器:'+os.isQB+"<br/>";
html[html.length]='是Tablet:'+os.isTablet+"<br/>";
html[html.length]='是Phone:'+os.isPhone+"<br/>";
html[html.length]='是Android:'+os.isAndroid+"<br/>";
html[html.length]='是电脑:'+os.isPc+"<br/>";
html[html.length]='是Opera浏览器:'+os.isOpen+"<br/>";
html[html.length]='是UC浏览器:'+os.isUC+"<br/>";
html[html.length]='是Ipad:'+os.isIpad+"<br/>";
document.getElementById("divid").innerHTML=html.join("");
</script>
</body>
</html>

以上就是javascript代码判断是什么设备是什么浏览器类型(移动页面开发)的全部内容,希望大家喜欢。

Javascript 相关文章推荐
jQuery中bind,live,delegate与one方法的用法及区别解析
Dec 30 Javascript
Javascript实现简单的富文本编辑器附演示
Jun 16 Javascript
jQuery中hasClass()方法用法实例
Jan 06 Javascript
JavaScript性能优化之小知识总结
Nov 20 Javascript
简单实现IONIC购物车功能
Jan 10 Javascript
创建一般js对象的几种方式
Jan 19 Javascript
Angular.js ng-file-upload结合springMVC的使用教程
Jul 10 Javascript
webpack下实现动态引入文件方法
Feb 22 Javascript
基于Bootstrap下拉框插件bootstrap-select使用方法详解
Aug 07 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
May 10 Javascript
Layui表格行工具事件与数据回填方法
Sep 13 Javascript
基于Cesium绘制抛物弧线
Nov 18 Javascript
javascript中if和switch,==和===详解
Jul 30 #Javascript
用javascript实现自动输出网页文本
Jul 30 #Javascript
理解javascript中的原型和原型链
Jul 30 #Javascript
原生js与jQuery实现简单的tab切换特效对比
Jul 30 #Javascript
文字垂直滚动之javascript代码
Jul 29 #Javascript
如何使用jQuery技术开发ios风格的页面导航菜单
Jul 29 #Javascript
如何用javascript计算文本框还能输入多少个字符
Jul 29 #Javascript
You might like
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
15款优秀的jQuery导航菜单插件分享
2011/07/19 Javascript
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
基于 Docker 开发 NodeJS 应用
2014/07/30 NodeJs
jQuery的css()方法用法实例
2014/12/24 Javascript
jQuery模拟新浪微博首页滚动效果的方法
2015/03/11 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
2015/05/04 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
2015/11/27 Javascript
js下将金额数字每三位一逗号分隔
2016/02/19 Javascript
Bootstrap CSS布局之列表
2016/12/15 Javascript
js获取元素下的第一级子元素的方法(推荐)
2017/03/05 Javascript
JS实现前端缓存的方法
2017/09/21 Javascript
vuejs实现本地数据的筛选分页功能思路详解
2017/11/15 Javascript
CSS3结合jQuery实现动画效果及回调函数的实例
2017/12/27 jQuery
如何将HTML字符转换为DOM节点并动态添加到文档中详解
2018/08/19 Javascript
bootstrap-table formatter 使用vue组件的方法
2019/05/09 Javascript
node基于async/await对mysql进行封装
2019/06/20 Javascript
Vue实现按钮级权限方案
2019/11/21 Javascript
玩转python爬虫之正则表达式
2016/02/17 Python
Python网络爬虫中的同步与异步示例详解
2018/02/03 Python
Python多线程中阻塞(join)与锁(Lock)使用误区解析
2018/04/27 Python
pycharm+PyQt5+python最新开发环境配置(踩坑)
2019/02/11 Python
Python一键安装全部依赖包的方法
2019/08/12 Python
Python SELENIUM上传文件或图片实现过程
2019/10/28 Python
python 解决Fatal error in launcher:错误问题
2020/05/21 Python
python编写实现抽奖器
2020/09/10 Python
农民致富事迹材料
2014/01/23 职场文书
公司活动方案范文
2014/03/06 职场文书
《棉鞋里的阳光》教学反思
2014/04/24 职场文书
2014年百日安全生产活动总结
2014/05/04 职场文书
党支部活动策划方案
2014/08/18 职场文书
领导干部作风整顿剖析材料
2014/10/11 职场文书
2014年个人总结范文
2015/03/09 职场文书
十大公认最好看的动漫:《咒术回战》在榜,《钢之炼金术师》第一
2022/03/18 日漫
关于MySQL临时表为什么可以重名的问题
2022/03/22 MySQL
PostgreSQL逻辑复制解密原理解析
2022/09/23 PostgreSQL