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 相关文章推荐
javascript 一些用法小结
Sep 11 Javascript
用js脚本控制asp.net下treeview的NodeCheck的实现代码
Mar 02 Javascript
Jquery+JSon 无刷新分页实现代码
Apr 01 Javascript
javascript简单事件处理和with用法介绍
Sep 16 Javascript
简单的ajax连接库分享(不用jquery的ajax)
Jan 19 Javascript
JavaScript 里的类数组对象
Apr 08 Javascript
js操作css属性实现div层展开关闭效果的方法
May 11 Javascript
js实现鼠标划过给div加透明度的方法
May 25 Javascript
JavaScript+html5 canvas绘制的小人效果
Jan 27 Javascript
原生js封装添加class,删除class的实例
Nov 06 Javascript
详解Javascript 中的 class、构造函数、工厂函数
Dec 20 Javascript
Vue.js实现tab切换效果
Jul 24 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
重料打造自己的“宝马”---第三代
2021/03/02 无线电
php radio 单选框获取与保持值的实现代码
2010/05/15 PHP
浅谈PHP正则表达式中修饰符/i, /is, /s, /isU
2014/10/21 PHP
php判断邮箱地址是否存在的方法
2016/02/13 PHP
thinkphp实现附件上传功能
2017/05/26 PHP
用JavaScript事件串连执行多个处理过程的方法
2007/03/09 Javascript
JavaScript DOM学习第六章 表单实例
2010/02/19 Javascript
20款非常优秀的 jQuery 工具提示插件 推荐
2012/07/15 Javascript
基于jQuery.Validate验证库知识点的详解
2013/04/26 Javascript
自动设置iframe大小的jQuery代码
2013/09/11 Javascript
JS动态加载当前时间的方法
2015/02/09 Javascript
简介JavaScript中fixed()方法的使用
2015/06/08 Javascript
jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
2016/06/07 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
2017/02/19 Javascript
webpack学习--webpack经典7分钟入门教程
2017/06/28 Javascript
基于Angularjs-router动态改变Title值的问题
2018/08/30 Javascript
创建echart多个联动的示例代码
2018/11/23 Javascript
vue spa应用中的路由缓存问题与解决方案
2019/05/31 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
2019/06/17 Javascript
python实现发送邮件功能代码
2017/12/14 Python
Python爬虫将爬取的图片写入world文档的方法
2018/11/07 Python
pandas 数据归一化以及行删除例程的方法
2018/11/10 Python
在Pycharm terminal中字体大小设置的方法
2019/01/16 Python
python单线程文件传输的实例(C/S)
2019/02/13 Python
浅谈Python的条件判断语句if/else语句
2019/03/21 Python
python识别文字(基于tesseract)代码实例
2019/08/24 Python
美国著名童装品牌:OshKosh B’gosh
2016/08/05 全球购物
澳大利亚最大的网上油画销售画廊:Direct Art Australia
2018/04/15 全球购物
Hotels.com印度:酒店预订
2019/05/11 全球购物
金属材料工程毕业生个人的自我评价
2013/11/28 职场文书
母亲节演讲稿范文
2014/01/02 职场文书
应聘英语教师求职信
2014/04/24 职场文书
家长评语怎么写
2014/12/30 职场文书
雷峰塔导游词
2015/02/09 职场文书
2015国庆节宣传语
2015/07/14 职场文书
漫画「你在春天醒来」第10卷封面公开
2022/03/21 日漫