JS 動態(tài)判斷PC和手機瀏覽器實現(xiàn)代碼
這個只是一個小知識,也是在網(wǎng)上找的,挺好用!
動態(tài)判斷瀏覽器是PC還是移動端!
<script> var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE內(nèi)核 presto: u.indexOf('Presto') > -1, //opera內(nèi)核 webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內(nèi)核 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內(nèi)核 mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否為移動終端 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端 android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或者uc瀏覽器 iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否為iPhone或者QQHD瀏覽器 iPad: u.indexOf('iPad') > -1, //是否iPad webApp: u.indexOf('Safari') == -1 //是否web應(yīng)該程序,沒有頭部與底部 }; }() } document.writeln(" 是否為移動終端: "+browser.versions.mobile); document.writeln(" ios終端: "+browser.versions.ios); document.writeln(" android終端: "+browser.versions.android); document.writeln(" 是否為iPhone: "+browser.versions.iPhone); document.writeln(" 是否iPad: "+browser.versions.iPad); document.writeln(navigator.userAgent); </script>
挺有意思!
以上就是JS 動態(tài)判斷PC和手機瀏覽器的資料整理,后續(xù)繼續(xù)補充相關(guān)資料,謝謝大家對本站的支持!
- 使用JavaScript判斷手機瀏覽器是橫屏還是豎屏問題
- php判斷手機瀏覽還是web瀏覽,并執(zhí)行相應(yīng)的動作簡單實例
- 如何解決手機瀏覽器頁面點擊不跳轉(zhuǎn)瀏覽器雙擊放大網(wǎng)頁
- 微信或手機瀏覽器在線顯示office文件(已測試ios、android)
- js判斷手機瀏覽器操作系統(tǒng)和微信瀏覽器的方法
- 兩款JS腳本判斷手機瀏覽器類型跳轉(zhuǎn)WAP手機網(wǎng)站
- JS腳本根據(jù)手機瀏覽器類型跳轉(zhuǎn)WAP手機網(wǎng)站(兩種方式)
- jQuery手機瀏覽器中拖拽動作的艱難性分析
- 通過JS自動隱藏手機瀏覽器的地址欄實現(xiàn)原理與代碼
- 手機瀏覽器 后退按鈕強制刷新頁面方法總結(jié)
相關(guān)文章
可以自動輪換的頁簽 tabs with auto play fucntion
HTML、CSS方面改寫了一下結(jié)構(gòu),用了一個DL javascript方面可以選擇不斷自動循環(huán),或者只循環(huán)一次的,點擊以后繼續(xù)循環(huán),或者停止循環(huán)2008-02-02完美解決mui框架off-canvas側(cè)滑超出部分隱藏?zé)o法滾動的問題
下面小編就為大家分享一篇完美解決mui框架off-canvas側(cè)滑超出部分隱藏?zé)o法滾動的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01javaScript給元素添加多個class的簡單實現(xiàn)
下面小編就為大家?guī)硪黄猨avaScript給元素添加多個class的簡單實現(xiàn)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07Layui實現(xiàn)主窗口和Iframe層參數(shù)傳遞
今天小編就為大家分享一篇Layui實現(xiàn)主窗口和Iframe層參數(shù)傳遞,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11微信小程序?qū)崿F(xiàn)商品數(shù)據(jù)聯(lián)動效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)商品數(shù)據(jù)聯(lián)動效果,代碼很簡單,直接復(fù)制即可根據(jù)自己的需求去修改,對小程序商品數(shù)據(jù)聯(lián)動實例代碼感興趣的朋友一起看看吧2022-08-08ES6模板字符串和標簽?zāi)0宓膽?yīng)用實例分析
這篇文章主要介紹了ES6模板字符串和標簽?zāi)0宓膽?yīng)用,結(jié)合實例形式分析了ES6模板字符串和標簽?zāi)0宓墓δ?、原理、用法及相關(guān)操作注意事項,需要的朋友可以參考下2019-06-06