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使用prototype定义对象类型(转)[
Dec 22 Javascript
ajax java 实现自动完成功能
Dec 19 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
Nov 07 Javascript
jQuery拖拽 &amp; 弹出层 介绍与示例
Dec 27 Javascript
jquery 操作两个select实现值之间的互相传递
Mar 07 Javascript
js动态切换图片的方法
Jan 20 Javascript
原生js轮播(仿慕课网)
Feb 15 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
Jul 17 Javascript
再谈Angular4 脏值检测(性能优化)
Apr 23 Javascript
如何解决vue2.0下IE浏览器白屏问题
Sep 13 Javascript
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
May 27 Javascript
详解React的回调渲染模式
Sep 10 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
LotusPhp笔记之:Cookie组件的使用详解
2013/05/06 PHP
php中define用法实例
2015/07/30 PHP
PHP实现微信对账单处理
2018/10/01 PHP
PHP文件操作实例总结【文件上传、下载、分页】
2018/12/08 PHP
PHP7使用ODBC连接SQL Server2008 R2数据库示例【基于thinkPHP5.1框架】
2019/05/06 PHP
javascript中文本框中输入法切换的问题
2013/12/10 Javascript
javascript函数声明和函数表达式区别分析
2014/12/02 Javascript
JavaScript使用setInterval()函数实现简单轮询操作的方法
2015/02/02 Javascript
JS实现可拖曳、可关闭的弹窗效果
2015/09/26 Javascript
javascript弹性运动效果简单实现方法
2016/01/08 Javascript
js控件Kindeditor实现图片自动上传功能
2020/07/20 Javascript
详解Node.js中的事件机制
2016/09/22 Javascript
基于原生js运动方式关键点的总结(推荐)
2017/10/01 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
2017/10/31 Javascript
vue子路由跳转实现tab选项卡
2019/07/24 Javascript
微信小程序vant弹窗组件的实现方式
2020/02/21 Javascript
在antd中setFieldsValue和defaultVal的用法
2020/10/29 Javascript
Python获取apk文件URL地址实例
2013/11/01 Python
python学习手册中的python多态示例代码
2014/01/21 Python
Python字符串替换实例分析
2015/05/11 Python
Python环境下搭建属于自己的pip源的教程
2016/05/05 Python
TensorFlow平台下Python实现神经网络
2018/03/10 Python
Python使用pylab库实现绘制直方图功能示例
2018/06/01 Python
python实现Virginia无密钥解密
2019/03/20 Python
Python函数装饰器常见使用方法实例详解
2019/03/30 Python
Keras构建神经网络踩坑(解决model.predict预测值全为0.0的问题)
2020/07/07 Python
pycharm 2020 1.1的安装流程
2020/09/29 Python
英国的潮牌鞋履服饰商店:size?
2019/03/26 全球购物
英国男女豪华配饰和礼品网站:Black.co.uk
2020/02/28 全球购物
安全标准化实施方案
2014/02/20 职场文书
领导失职检讨书
2014/02/24 职场文书
房屋买卖委托公证书
2014/04/08 职场文书
2015年七一建党节活动总结
2015/03/20 职场文书
2019年中学生的思想品德评语集锦
2019/12/19 职场文书
python 命令行传参方法总结
2021/05/25 Python
python和Appium的移动端多设备自动化测试框架
2022/04/26 Python