js判断手机浏览器操作系统和微信浏览器的方法


Posted in Javascript onApril 30, 2016

今天就为大家介绍一下用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>

亲测,非常好用。

Javascript 相关文章推荐
Javascript的IE和Firefox兼容性汇编(zz)
Feb 02 Javascript
离开页面时检测表单元素是否被修改,提示保存的js代码
Aug 25 Javascript
读jQuery之六 缓存数据功能介绍
Jun 21 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
Mar 05 Javascript
JS使用getComputedStyle()方法获取CSS属性值
Apr 23 Javascript
jQuery子窗体取得父窗体元素的方法
May 11 Javascript
vue2.0 中#$emit,$on的使用详解
Jun 07 Javascript
详解前端路由实现与react-router使用姿势
Aug 07 Javascript
微信开发之企业付款到银行卡接口开发的示例代码
Sep 18 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
May 17 Javascript
JS Web Flex弹性盒子模型代码实例
Mar 10 Javascript
vue3.0自定义指令(drectives)知识点总结
Dec 27 Vue.js
js实现的万能flv网页播放器代码
Apr 30 #Javascript
js实现的下拉框二级联动效果
Apr 30 #Javascript
js实现精确到秒的日期选择器完整实例
Apr 30 #Javascript
js简单倒计时实现代码
Apr 30 #Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
Apr 29 #Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
Apr 29 #Javascript
jQuery中数据缓存$.data的用法及源码完全解析
Apr 29 #Javascript
You might like
Laravel 中使用 Vue.js 实现基于 Ajax 的表单提交错误验证操作
2017/06/30 PHP
thinkPHP中钩子的使用方法实例分析
2017/11/16 PHP
PHP支付宝当面付2.0代码
2018/12/21 PHP
PHP实现微信小程序用户授权的工具类示例
2019/03/05 PHP
jquery ajax 同步异步的执行 return值不能取得的解决方案
2012/01/08 Javascript
qTip2 精致的基于jQuery提示信息插件
2012/02/17 Javascript
js 限制数字 js限制输入实现代码
2012/12/04 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
2014/06/14 Javascript
JavaScript获取网页中第一个图片id的方法
2015/04/03 Javascript
探讨JavaScript语句的执行过程
2016/01/28 Javascript
使用jsonp实现跨域获取数据实例讲解
2016/12/25 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
2017/09/21 Javascript
vue实现微信分享功能
2018/11/28 Javascript
微信小程序3种位置API的使用方法详解
2019/08/05 Javascript
Vue.js暴露方法给WebView的使用操作
2020/09/07 Javascript
让你30分钟快速掌握vue3教程
2020/10/26 Javascript
[44:39]2014 DOTA2国际邀请赛中国区预选赛 NE VS CNB
2014/05/21 DOTA
python在windows下实现ping操作并接收返回信息的方法
2015/03/20 Python
【Python】Python的urllib模块、urllib2模块批量进行网页下载文件
2016/11/19 Python
Python wxPython库使用wx.ListBox创建列表框示例
2018/09/03 Python
Pycharm设置utf-8自动显示方法
2019/01/17 Python
Python中 CSV格式清洗与转换的实例代码
2019/08/29 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
CSS3中的弹性布局em运用入门详解 1em等于多少像素
2021/02/08 HTML / CSS
HTML5之SVG 2D入门4—笔画与填充
2013/01/30 HTML / CSS
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
小米俄罗斯授权商店:Xiaomi俄罗斯
2019/12/08 全球购物
Myprotein比利时官方网站:欧洲第一运动营养品牌
2020/10/04 全球购物
《再别康桥》教学反思
2014/02/12 职场文书
医学生临床实习自我评价
2014/03/07 职场文书
销售竞赛活动方案
2014/08/23 职场文书
青岛海底世界导游词
2015/02/11 职场文书
自荐信格式模板
2015/03/27 职场文书
导游词之淮安明祖陵
2019/11/25 职场文书
【海涛七七解说】DCG第二周:DK VS 天禄
2022/04/01 DOTA
《英雄联盟》2022日蚀、月蚀皮肤演示 黑潮亚索曝光
2022/04/13 其他游戏