js判断浏览器类型及设备(移动页面开发)
下面主要用javascript代码来判断浏览器类型及设备访问该网页面,支持手机上的所有浏览器,具体代码如下。
<!DOCTYPEhtml> <html> <head> <title>JS判断是什么设备是什么浏览器-www.nhooo.com</title> <metacharset="utf-8"> <metaname="apple-touch-fullscreen"content="YES"/> <metaname="viewport"content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> <metaname="apple-mobile-web-app-capable"content="yes"/> <metaname="format-detection"content="telephone=no"/> </head> <body> <divid="divid"> </div> <scripttype="text/javascript"> varos=function(){ varua=navigator.userAgent, isQB=/(?:MQQBrowser|QQ)/.test(ua), isWindowsPhone=/(?:WindowsPhone)/.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=/(?:OperaMini)/.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 }; }(); varhtml=[]; 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代码判断是什么设备是什么浏览器类型(移动页面开发)的全部内容,希望大家喜欢。