Maison > Article > interface Web > js détermine le type de navigateur et l'appareil (développement de pages mobiles)_compétences javascript

js détermine le type de navigateur et l'appareil (développement de pages mobiles)_compétences javascript

WBOYoriginal: 2016-05-16 15:48:191082parcourir

Ce qui suit utilise principalement du code javascript pour déterminer le type de navigateur et l'appareil accédant à la page Web. Il prend en charge tous les navigateurs sur les téléphones mobiles. Le code spécifique est le suivant.

<!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 = /(&#63;:MQQBrowser|QQ)/.test(ua), 
isWindowsPhone = /(&#63;:Windows Phone)/.test(ua),
isSymbian = /(&#63;:SymbianOS)/.test(ua) || isWindowsPhone, 
isAndroid = /(&#63;:Android)/.test(ua), 
isFireFox = /(&#63;:Firefox)/.test(ua), 
isChrome = /(&#63;:Chrome|CriOS)/.test(ua),
isIpad = /(&#63;:iPad|PlayBook)/.test(ua), 
isTablet = /(&#63;:iPad|PlayBook)/.test(ua)||(isFireFox && /(&#63;:Tablet)/.test(ua)),
isSafari = /(&#63;:Safari)/.test(ua),
isPhone = /(&#63;:iPhone)/.test(ua) && !isTablet,
isOpen= /(&#63;:Opera Mini)/.test(ua),
isUC = /(&#63;: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>

Ce qui précède est l'intégralité du contenu du code javascript pour déterminer quel appareil et quel type de navigateur (développement de pages mobiles, j'espère que vous l'aimerez).

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Une brève discussion sur la liaison d'événements dans le framework Polymer de JavaScript_Connaissances de baseArticle suivant：Une brève discussion sur la liaison d'événements dans le framework Polymer de JavaScript_Connaissances de base

Articles Liés

Voir plus