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

更新时间：2015年07月30日 10:18:35 作者：学到老web开发

这篇文章主要介绍了js判断浏览器类型及设备（移动页面开发）,需要的朋友可以参考下

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

<!DOCTYPE html>
<html>
<head>
<title>JS判断是什么设备是什么浏览器-www.jb51.net</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代码判断是什么设备是什么浏览器类型（移动页面开发）的全部内容，希望大家喜欢。

您可能感兴趣的文章:

JS 修改URL参数(实现代码)
本篇文章是对JS修改URL参数的实现代码进行了详细的分析介绍，需要的朋友参考下
2013-07-07
JavaScript中arguments的使用方法
这篇文章主要介绍了JavaScript中arguments的使用方法，arguments 是一个对应于传递给函数的参数的类数组对象。下文详细介绍，需要的小伙伴可以参考一下
2022-05-05
element 中 el-menu 组件的无限极循环思路代码详解
这篇文章主要介绍了element 中 el-menu 组件的无限极循环,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-04-04
js右下角弹出提示框示例代码
这篇文章主要介绍了js右下角弹出提示框示例代码，即网页右下角弹出广告信息框实例代码，感兴趣的小伙伴们可以参考一下
2016-01-01
超详细的JS弹出窗口代码大全
这篇文章主要为大家分享超详细的JS弹出窗口代码大全，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-09-09
10个JavaScript的编程小技巧分享
这篇文章主要是来和大家分享10个JavaScript中的编程小技巧，文中的示例代码简洁易懂，对我们学习JavaScript开发有一定的帮助，需要的可以参考一下
2023-05-05
仅IE6/7/8中innerHTML返回值忽略英文空格的问题
仅IE6/7/8中innerHTML返回值忽略英文空格的问题，需要此问题的朋友可以参考下。
2011-04-04
教你5分钟学会用requirejs(必看篇)
下面小编就为大家带来一篇教你5分钟学会用requirejs(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
Js 本页面传值实现代码
记得以前在学校的时候,例如要修改信息,需要要修改的部分的值显示出来,都是先把数据传到后台,然后再在前台显示的,想想真够笨的,这个可以在客户端就实现的,何必要传到后台呢
2009-05-05
uniapp中uni.request(OBJECT)接口请求封装实例代码
在开发的时候经常会用到前端请求后端接口,每次的请求都会出现地址不一样,参数不一样,方式不一样等等情况,下面这篇文章主要给大家介绍了关于uniapp中uni.request(OBJECT)接口请求封装的相关资料,需要的朋友可以参考下
2022-12-12