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代码判断是什么设备是什么浏览器类型(移动页面开发)的全部内容,希望大家喜欢。