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实现选择框按比例拖拉缩放的方法
Aug 04 Javascript
整理Javascript流程控制语句学习笔记
Nov 29 Javascript
页面get请求 中文参数方法乱码问题的快速解决方法
May 31 Javascript
jQuery学习心得总结(必看篇)
Jun 10 Javascript
关于Vue.js 2.0的Vuex 2.0 你需要更新的知识库
Nov 30 Javascript
Js实现京东无延迟菜单效果实例(demo)
Jun 02 Javascript
jQuery Validate表单验证插件实现代码
Jun 08 jQuery
关于页面刷新vuex数据消失问题解决方案
Jul 03 Javascript
Bootstrap 树控件使用经验分享(图文解说)
Nov 06 Javascript
Bootstrap Table实现定时刷新数据的方法
Aug 13 Javascript
JS实现简单贪吃蛇小游戏
Oct 28 Javascript
解决vant title-active-color与title-inactive-color不生效问题
Nov 03 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
PHP 正则判断中文UTF-8或GBK的思路及具体实现
2013/11/26 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
PHP去掉json字符串中的反斜杠\及去掉双引号前的反斜杠
2015/09/30 PHP
JavaScript面向对象之Prototypes和继承
2012/07/12 Javascript
JS获取计算机mac地址以及IP的实现方法
2014/01/08 Javascript
JS交换变量的方法
2015/01/21 Javascript
jquery中JSON的解析方式
2015/03/16 Javascript
灵活的理解JavaScript中的this指向
2016/02/25 Javascript
基于JavaScript实现活动倒计时效果
2017/04/20 Javascript
深入浅析Node.js单线程模型
2017/07/10 Javascript
vue通过style或者class改变样式的实例代码
2018/10/30 Javascript
JS实现简单随机3D骰子
2019/10/24 Javascript
vue移动端使用canvas签名的实现
2020/01/15 Javascript
微信浏览器左上角返回按钮监听的实现
2020/03/04 Javascript
基于canvasJS在PHP中制作动态图表
2020/05/30 Javascript
vue打开新窗口并实现传参的图文实例
2021/03/04 Vue.js
python中requests和https使用简单示例
2018/01/18 Python
pandas带有重复索引操作方法
2018/06/08 Python
python实战教程之自动扫雷
2018/07/13 Python
对python 命令的-u参数详解
2018/12/03 Python
python使用QQ邮箱实现自动发送邮件
2020/06/22 Python
PyCharm vs VSCode,作为python开发者,你更倾向哪种IDE呢?
2020/08/17 Python
Python三维绘图之Matplotlib库的使用方法
2020/09/20 Python
女性时尚在线:IVRose
2019/02/23 全球购物
CHARLES & KEITH加拿大官网:新加坡时尚品牌
2020/03/26 全球购物
教师实习自我鉴定
2013/12/11 职场文书
迟到早退检讨书
2014/02/10 职场文书
机关道德讲堂实施方案
2014/03/15 职场文书
机关党员公开承诺书
2014/08/30 职场文书
中职毕业生自我鉴定范文(3篇)
2014/09/28 职场文书
会计实训报告范文
2014/11/04 职场文书
写给老婆的保证书
2015/02/27 职场文书
项目经理岗位职责范本
2015/04/01 职场文书
2015年生产部工作总结范文
2015/05/25 职场文书
导游词之四川熊猫基地
2020/01/13 职场文书
Python OpenCV实现传统图片格式与base64转换
2021/06/13 Python