手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js判断浏览器类型及设备(移动页面开发)
js判断浏览器类型及设备(移动页面开发)
摘要:下面主要用javascript代码来判断浏览器类型及设备访问该网页面,支持手机上的所有浏览器,具体代码如下。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判断浏览器类型及设备(移动页面开发)】相关文章:

正宗的日历(含农历)

javascript转换静态图片,增加粒子动画效果

jQuery 遍历函数详解

跨浏览器的设置innerHTML方法

js控制div弹出层实现方法

js去除浏览器默认底图的方法

js脚本学习 比较实用的基础

JavaScript函数使用的基本教程

IE浏览器下PNG相关功能

javascript中动态函数用法

精品推荐
分类导航