js判斷瀏覽器類型及設(shè)備（移動(dòng)頁面開發(fā)）

更新時(shí)間：2015年07月30日 10:18:35 作者：學(xué)到老web開發(fā)

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

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

<!DOCTYPE html>
<html>
<head>
<title>JS判斷是什么設(shè)備是什么瀏覽器-www.dhdzp.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>

以上就是javascript代碼判斷是什么設(shè)備是什么瀏覽器類型（移動(dòng)頁面開發(fā)）的全部內(nèi)容，希望大家喜歡。

您可能感興趣的文章:

相關(guān)文章

javascript實(shí)現(xiàn)圖片自動(dòng)和可控的輪播切換特效
這篇文章主要介紹了javascript實(shí)現(xiàn)圖片自動(dòng)和可控的輪播切換特效,效果非常的棒，推薦給大家，有需要的小伙伴可以參考下。
2015-04-04
js實(shí)現(xiàn)復(fù)選框的全選和取消全選效果
在很多網(wǎng)站都有這樣的功能，當(dāng)點(diǎn)擊一個(gè)全選按鈕之后，所有的復(fù)選框都會(huì)被選中，再點(diǎn)擊之后會(huì)取消全選，功能非常的人性化，可以省卻很多人力，本文將簡單介紹一下JS如何實(shí)現(xiàn)此功能
2017-01-01
JavaScript如何一次性展示幾萬條數(shù)據(jù)
本文主要介紹了JavaScript一次性展示幾萬條數(shù)據(jù)的實(shí)現(xiàn)方法。具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-03-03
onclick與listeners的執(zhí)行先后問題詳細(xì)解剖
javascript中onclick與listeners的執(zhí)行先后問題一直都是大家所疑惑的地方，接下來將為大家解決此疑惑，感興趣的朋友可以了解下哦
2013-01-01
JS實(shí)現(xiàn)獲取各種格式的時(shí)間
在?JavaScript?中，可以使用內(nèi)置的?Date?對(duì)象來獲取當(dāng)前時(shí)間，并根據(jù)需要格式化成不同的時(shí)間格式，下面就跟隨小編一起來看看具體的使用吧
2023-08-08
我要點(diǎn)爆”微信小程序云開發(fā)之項(xiàng)目建立與我的頁面功能實(shí)現(xiàn)
這篇文章主要介紹了我要點(diǎn)爆”微信小程序云開發(fā)之項(xiàng)目建立與我的頁面功能實(shí)現(xiàn)，本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
2019-05-05
Webpack中使用環(huán)境變量的各種正確姿勢(shì)
我們?cè)陂_發(fā)項(xiàng)目中都會(huì)遇到這種場(chǎng)景,區(qū)分開發(fā)環(huán)境、生產(chǎn)環(huán)境、測(cè)試環(huán)境,不同場(chǎng)景請(qǐng)求不同的接口Api,這時(shí)候項(xiàng)目中配置的「環(huán)境變量」就登場(chǎng)啦,這篇文章主要給大家介紹了關(guān)于Webpack中使用環(huán)境變量的各種正確姿勢(shì),需要的朋友可以參考下
2021-09-09
移動(dòng)端手指放大縮小插件與js源碼
這篇文章主要介紹了移動(dòng)端手指放大縮小插件與js源碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
JavaScript.The.Good.Parts閱讀筆記（一）假值與===運(yùn)算符
JavaScript 假值與===運(yùn)算符，學(xué)習(xí)js的朋友可以看下。
2010-11-11
JS實(shí)現(xiàn)獲取進(jìn)今年第幾天是周幾的方法分析
這篇文章主要介紹了JS實(shí)現(xiàn)獲取進(jìn)今年第幾天是周幾的方法,結(jié)合實(shí)例形式對(duì)比分析了JavaScript進(jìn)行日期與天數(shù)運(yùn)算相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下
2018-06-06