js判斷手機瀏覽器操作系統(tǒng)和微信瀏覽器的方法
今天就為大家介紹一下用js判斷手機客戶端平臺及系統(tǒng)平臺的方法:
<script type="text/javascript"> //手機端判斷各個平臺瀏覽器及操作系統(tǒng)平臺 function checkPlatform(){ if(/android/i.test(navigator.userAgent)){ document.write("This is Android'browser.");//這是Android平臺下瀏覽器 } if(/(iPhoneiPadiPodiOS)/i.test(navigator.userAgent)){ document.write("This is iOS'browser.");//這是iOS平臺下瀏覽器 } if(/Linux/i.test(navigator.userAgent)){ document.write("This is Linux'browser.");//這是Linux平臺下瀏覽器 } if(/Linux/i.test(navigator.platform)){ document.write("This is Linux operating system.");//這是Linux操作系統(tǒng)平臺 } if(/MicroMessenger/i.test(navigator.userAgent)){ document.write("This is MicroMessenger'browser.");//這是微信平臺下瀏覽器 } } $(document).ready(function(){ alert(navigator.platform); checkPlatform(); }); </script>
注意上面的代碼使用了jquery。需要加載jquery才可以運行。當然你可以把觸發(fā)函數(shù)給刪除了
在這里就不做pc端操作系統(tǒng)平臺的判斷了,怎么判斷也說下方法,如用document.write(navigator.platform);就可以獲得操作系統(tǒng)平臺。在win32下就會顯示Win32,;在Win64下就會顯示Win64等。
下面腳本之家小編為大家補充幾個不錯的函數(shù)
<script type="text/javascript"> var browser = { versions : function () { var u = navigator.userAgent, app = navigator.appVersion; return { trident : u.indexOf('Trident') > -1, presto : u.indexOf('Presto') > -1, webKit : u.indexOf('AppleWebKit') > -1, gecko : u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, mobile : !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), ios : !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), android : u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, iPhone : u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, iPad : u.indexOf('iPad') > -1, webApp : u.indexOf('Safari') == -1, QQbrw : u.indexOf('MQQBrowser') > -1, weiXin : u.indexOf('MicroMessenger') > -1, ucLowEnd : u.indexOf('UCWEB7.') > -1, ucSpecial : u.indexOf('rv:1.2.3.4') > -1, ucweb : function () { try { return parseFloat(u.match(/ucweb\d+\.\d+/gi).toString().match(/\d+\.\d+/).toString()) >= 8.2 } catch (e) { if (u.indexOf('UC') > -1) { return true; } else { return false; } } } (), Symbian : u.indexOf('Symbian') > -1, ucSB : u.indexOf('Firefox/1.') > -1 }; } () } if (browser.versions.QQbrw){ document.write("qq瀏覽器"); }else { document.write("其它瀏覽器"); } </script>
親測,非常好用。
相關文章
教你如何使用THREEJS實現(xiàn)一個可調節(jié)檔位、可搖頭的電風扇
夏天到了,用Three.js實現(xiàn)一個可以搖頭和調節(jié)檔位的電風扇,主要使用到Blender處理3D模型,用Vite+Typescript搭建項目框架,這篇文章主要介紹了使用THREEJS實現(xiàn)一個可調節(jié)檔位、可搖頭的電風扇,需要的朋友可以參考下2023-06-06小程序hover-class點擊態(tài)效果實現(xiàn)
這篇文章主要介紹了小程序hover-class點擊態(tài)效果實現(xiàn),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-02-02javascript設計模式 – 外觀模式原理與用法實例分析
這篇文章主要介紹了javascript設計模式 – 外觀模式,結合實例形式分析了javascript外觀模式基本概念、原理、用法及操作注意事項,需要的朋友可以參考下2020-04-04JS實現(xiàn)模擬百度搜索“2012世界末日”網頁地震撕裂效果代碼
這篇文章主要介紹了JS實現(xiàn)模擬百度搜索“2012世界末日”網頁地震撕裂效果代碼,引入第三方插件實現(xiàn)頁面的抖動、撕裂及圖片等效果,需要的朋友可以參考下2015-10-10