Heim > Artikel > Web-Frontend > js bestimmt Browsertyp und Gerät (Entwicklung mobiler Seiten)_Javascript-Kenntnisse

js bestimmt Browsertyp und Gerät (Entwicklung mobiler Seiten)_Javascript-Kenntnisse

WBOYOriginal: 2016-05-16 15:48:191082Durchsuche

Im Folgenden wird hauptsächlich Javascript-Code verwendet, um den Browsertyp und das Gerät zu bestimmen, auf das auf die Webseite zugegriffen wird. Der spezifische Code lautet wie folgt.

<!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>

Das Obige ist der gesamte Inhalt des Javascript-Codes zur Bestimmung des Geräts und des Browsertyps (Entwicklung mobiler Seiten).

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Eine kurze Diskussion über die Ereignisbindung im Polymer-Framework von JavaScript_GrundkenntnisseNächster Artikel：Eine kurze Diskussion über die Ereignisbindung im Polymer-Framework von JavaScript_Grundkenntnisse

In Verbindung stehende Artikel

Mehr sehen