js判斷瀏覽器類型及設備（移動頁面開發）

2024-05-06 16:24:04

字體：大中小

來源：轉載

供稿：網友

這篇文章主要介紹了js判斷瀏覽器類型及設備(移動頁面開發),需要的朋友可以參考下

下面主要用javascript代碼來判斷瀏覽器類型及設備訪問該網頁面，支持手機上的所有瀏覽器,具體代碼如下。

<!DOCTYPE html>

<html>

<head>

<title>JS判斷是什么設備是什么瀏覽器-www.survivalescaperooms.com</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>