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 相关文章推荐
jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
Jan 10 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
Nov 02 Javascript
jQuery分组选择器用法实例
Dec 23 Javascript
jQuery中:radio选择器用法实例
Jan 03 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
Mar 23 Javascript
jQuery实现ctrl+enter(回车)提交表单
Oct 19 Javascript
微信公众平台开发教程(四) 实例入门:机器人回复(附源码)
Dec 02 Javascript
Bootstrap3多级下拉菜单
Feb 24 Javascript
vue自定义指令directive实例详解
Jan 17 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
微信小程序 checkbox使用实例解析
Sep 09 Javascript
JavaScript实现显示和隐藏图片
Apr 29 Javascript
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
phpmyadmin中配置文件现在需要绝密的短语密码的解决方法
2007/02/11 PHP
PHP中date()日期函数有关参数整理
2011/07/19 PHP
php 函数中使用static的说明
2012/06/01 PHP
Nginx服务器上安装并配置PHPMyAdmin的教程
2015/08/18 PHP
thinkphp框架下404页面设置 仅三步
2016/05/14 PHP
如何运行/调试你的PHP代码
2020/10/23 PHP
javascript 单选框,多选框美化代码
2008/08/01 Javascript
学习ExtJS Column布局
2009/10/08 Javascript
JS小框架 fly javascript framework
2009/11/26 Javascript
新鲜出炉的js tips提示效果
2011/04/03 Javascript
jquery中插件实现自动添加用户的具体代码
2013/11/15 Javascript
javascript实现日期按月份加减
2015/05/15 Javascript
JavaScript高级程序设计(第三版)学习笔记1~5章
2016/03/11 Javascript
微信开发 js实现tabs选项卡效果
2016/10/28 Javascript
AngularJS实现Input格式化的方法
2016/11/07 Javascript
浅谈JavaScript中promise的使用
2017/01/11 Javascript
微信小程序App生命周期详解
2018/01/31 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
nodejs 使用http进行post或get请求的实例(携带cookie)
2019/01/03 NodeJs
谈谈JavaScript中super(props)的重要性
2019/02/12 Javascript
python获取酷狗音乐top500的下载地址 MP3格式
2018/04/17 Python
浅谈Python2、Python3相对路径、绝对路径导入方法
2018/06/22 Python
详解python 爬取12306验证码
2019/05/10 Python
Python 运行.py文件和交互式运行代码的区别详解
2019/07/02 Python
PyTorch 普通卷积和空洞卷积实例
2020/01/07 Python
Python selenium文件上传下载功能代码实例
2020/04/13 Python
python实现excel公式格式化的示例代码
2020/12/23 Python
New Balance美国官网:运动鞋和健身服装
2017/04/11 全球购物
大学生自荐信
2013/12/11 职场文书
早读迟到检讨书
2014/01/24 职场文书
安全生产网格化管理实施方案
2014/03/01 职场文书
医院党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
医德医风个人总结
2015/02/28 职场文书
学校元旦晚会开场白
2015/05/29 职场文书
《当代神农氏》教学反思
2016/02/23 职场文书
Django使用redis配置缓存的方法
2021/06/01 Redis