js判斷瀏覽器類型及設(shè)備(移動頁面開發(fā))
下面主要用javascript代碼來判斷瀏覽器類型及設(shè)備訪問該網(wǎng)頁面,支持手機(jī)上的所有瀏覽器,具體代碼如下。
<!DOCTYPE html> <html> <head> <title>JS判斷是什么設(shè)備是什么瀏覽器-chabaoo.cn</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è)備是什么瀏覽器類型(移動頁面開發(fā))的全部內(nèi)容,希望大家喜歡。
- js判斷當(dāng)前頁面在移動設(shè)備還是在PC端中打開
- JS和css實(shí)現(xiàn)檢測移動設(shè)備方向的變化并判斷橫豎屏幕
- javascript判斷移動端訪問設(shè)備并解析對應(yīng)CSS的方法
- JS判斷移動端訪問設(shè)備并加載對應(yīng)CSS樣式
- JSP判斷移動設(shè)備的正則
- js判斷是否是移動設(shè)備登陸網(wǎng)頁的簡單方法
- js判斷設(shè)備是否為PC并調(diào)整圖片大小
- JS如何判斷移動端訪問設(shè)備并解析對應(yīng)CSS
- Js如何判斷客戶端是PC還是手持設(shè)備簡單分析
- JavaScript根據(jù)CSS的Media Queries來判斷瀏覽設(shè)備的方法
相關(guān)文章
JavaScript實(shí)現(xiàn)手寫call/apply/bind的示例代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)手寫call/apply/bind的方法,文中的示例代碼講解詳細(xì),對我們學(xué)習(xí)JavaScript有一定的幫助,需要的可以參考一下2023-02-02javascript 利用Image對象實(shí)現(xiàn)的埋點(diǎn)(某處的點(diǎn)擊數(shù))統(tǒng)計(jì)
統(tǒng)計(jì)用戶頁面某處的點(diǎn)擊數(shù)或者執(zhí)行到程序中某個點(diǎn)的次數(shù);根據(jù)實(shí)際情況,創(chuàng)建多個Image對象,原則誰空閑誰做事,解下來詳細(xì)介紹,需要了解的朋友可以參考下2012-12-12window.open以post方式將內(nèi)容提交到新窗口
最近在做web項(xiàng)目,碰到需要跨頁面?zhèn)鬟f參數(shù)的功能,就是那種需要把當(dāng)前頁面的內(nèi)容帶到新開的子窗體中,以前的做法是傳一個id過去,然后在新窗口中去讀數(shù)據(jù)庫的內(nèi)容;比較有意思的是直接通過調(diào)用form的submit方法不能觸發(fā)onsubmit事件,查看了幫助文檔,必須手動的觸發(fā),否則只能看到頁面刷新而沒有打開新窗口2012-12-12通過js動態(tài)創(chuàng)建標(biāo)簽,并設(shè)置屬性方法
下面小編就為大家分享一篇通過js動態(tài)創(chuàng)建標(biāo)簽,并設(shè)置屬性方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02js canvas實(shí)現(xiàn)簡單的圖像擴(kuò)散效果
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)簡單的圖像擴(kuò)散效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-09-09layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例
今天小編就為大家分享一篇layui表格內(nèi)放置圖片,并點(diǎn)擊放大的實(shí)例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09javascript級聯(lián)下拉列表實(shí)例代碼(自寫)
javascript下拉菜單想必大家在瀏覽網(wǎng)頁的時候都會看到吧,已不是那么陌生了,本文介紹使用javascript實(shí)現(xiàn)級聯(lián)下拉列表實(shí)例,感興趣的朋友可以參考下哈,希望對你有所幫助2013-05-05