js判断手机浏览器操作系统和微信浏览器的方法
2019/6/27 22:27:31
本文主要是介绍js判断手机浏览器操作系统和微信浏览器的方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
今天就为大家介绍一下用js判断手机客户端平台及系统平台的方法:
<script type="text/javascript"> //手机端判断各个平台浏览器及操作系统平台 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操作系统平台 } if(/MicroMessenger/i.test(navigator.userAgent)){ document.write("This is MicroMessenger'browser.");//这是微信平台下浏览器 } } $(document).ready(function(){ alert(navigator.platform); checkPlatform(); }); </script>
注意上面的代码使用了jquery。需要加载jquery才可以运行。当然你可以把触发函数给删除了
在这里就不做pc端操作系统平台的判断了,怎么判断也说下方法,如用document.write(navigator.platform);就可以获得操作系统平台。在win32下就会显示Win32,;在Win64下就会显示Win64等。
下面找一找教程网小编为大家补充几个不错的函数
<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>
亲测,非常好用。
这篇关于js判断手机浏览器操作系统和微信浏览器的方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist