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基本选择器选择元素使用介绍
Apr 18 Javascript
js鼠标及对象坐标控制属性详细解析
Dec 14 Javascript
js post提交调用方法
Feb 12 Javascript
js闭包的用途详解
Nov 09 Javascript
js日期范围初始化得到前一个月日期的方法
May 05 Javascript
JavaScript html5 canvas绘制时钟效果(二)
Mar 27 Javascript
Bootstrap每天必学之响应式导航、轮播图
Apr 25 Javascript
如何利用JQuery实现从底部回到顶部的功能
Dec 27 Javascript
Vue生命周期示例详解
Apr 12 Javascript
Vue响应式原理详解
Apr 18 Javascript
原生实现一个react-redux的代码示例
Jun 08 Javascript
详解Angular6.0使用路由步骤(共7步)
Jun 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
php正则过滤html标签、空格、换行符的代码(附说明)
2010/10/25 PHP
PHP快速导出百万级数据到CSV或者EXCEL文件
2020/11/27 PHP
JavaScript 获取用户客户端操作系统版本
2009/08/25 Javascript
JQuery一种取同级值的方式(比如你在GridView中)
2012/03/15 Javascript
js浮动图片的动态效果
2013/07/10 Javascript
获取中文字符串的实际长度代码
2014/06/05 Javascript
js Calender控件使用详解
2015/01/05 Javascript
Jquery解析json字符串及json数组的方法
2015/05/29 Javascript
简介JavaScript中的italics()方法的使用
2015/06/08 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
2016/01/12 Javascript
js H5 canvas投篮小游戏
2016/08/18 Javascript
JS实现的RGB网页颜色在线取色器完整实例
2016/12/21 Javascript
Bootstrap3 多选和单选框(checkbox)
2016/12/29 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
VUE 全局变量的几种实现方式
2018/08/22 Javascript
微信小程序使用wxParse解析html的实现示例
2018/08/30 Javascript
JavaScript面向对象中接口实现方法详解
2019/07/24 Javascript
Vue自定义render统一项目组弹框功能
2020/06/07 Javascript
Python函数中*args和**kwargs来传递变长参数的用法
2016/01/26 Python
Python输出各行命令详解
2018/02/01 Python
Python OpenCV之图片缩放的实现(cv2.resize)
2019/06/28 Python
python写入文件自动换行问题的方法
2019/07/05 Python
Python 分发包中添加额外文件的方法
2019/08/16 Python
Python 3.8 新功能来一波(大部分人都不知道)
2020/03/11 Python
记一次python 爬虫爬取深圳租房信息的过程及遇到的问题
2020/11/24 Python
8款精美的CSS3表单设计(登录表单/下拉选择/按钮附演示及源码)
2013/02/04 HTML / CSS
利用CSS3实现文字折纸效果实例代码
2018/07/10 HTML / CSS
html5构建触屏网站之touch事件介绍
2013/01/07 HTML / CSS
快速创建 HTML5 Canvas 电信网络拓扑图的示例代码
2018/03/21 HTML / CSS
奥地利时尚、美容、玩具和家居之家:Kastner & Öhler
2020/04/26 全球购物
会计出纳岗位职责
2013/12/25 职场文书
宿舍保安职务说明书
2014/02/25 职场文书
仓库主管岗位职责
2014/03/02 职场文书
聘任书模板
2014/03/29 职场文书
团队经理竞聘书
2014/03/31 职场文书
民事上诉状范文
2015/05/22 职场文书