这篇文章主要介绍了 js 判断浏览器类型及设备(移动页面开发), 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面主要用 javascript 代码来判断浏览器类型及设备访问该网页面,支持手机上的所有浏览器, 具体代码如下。
- <!DOCTYPE html>
- <html>
- <head>
- <title>
- JS判断是什么设备是什么浏览器-www.phperz.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 代码判断是什么设备是什么浏览器类型(移动页面开发)的全部内容,希望大家喜欢。
来源: http://www.phperz.com/article/17/0216/270218.html