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 相关文章推荐
一个用js实现控制台控件的代码
Sep 04 Javascript
灵活的理解JavaScript中的this指向
Feb 25 Javascript
js剪切板应用clipboardData实例解析
May 29 Javascript
Javascript实现通过选择周数显示开始日和结束日的实现代码
May 30 Javascript
jQuery中show与hide方法用法示例
Sep 16 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
Dec 22 Javascript
js中作用域的实例解析
Mar 16 Javascript
JS按条件 serialize() 对应标签的使用方法
Jul 24 Javascript
angularjs实现猜数字大小功能
May 20 Javascript
js实现登录与注册界面
Nov 01 Javascript
vue实现页面滚动到底部刷新
Aug 16 Javascript
解决vue-router 嵌套路由没反应的问题
Sep 22 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 中执行系统外部命令
2006/10/09 PHP
php添加文章时生成静态HTML文章的实现代码
2013/02/17 PHP
PHP中new static()与new self()的区别异同分析
2014/08/22 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
一个原生的用户等级的进度条
2010/07/03 Javascript
基于jquery的大众点评,分类导航实现代码
2011/08/23 Javascript
为什么要在引入的css或者js文件后面加参数的详细讲解
2013/05/03 Javascript
js AppendChild与insertBefore用法详细对比
2013/12/16 Javascript
Iframe实现跨浏览器自适应高度解决方法
2014/09/02 Javascript
jQuery ajax全局函数处理session过期后的ajax跳转问题
2016/06/03 Javascript
javascript深拷贝(deepClone)详解
2016/08/24 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
2016/09/20 Javascript
微信小程序 实战实例开发流程详细介绍
2017/01/05 Javascript
基于jquery实现多选下拉列表
2017/08/02 jQuery
js时间戳与日期格式之间转换详解
2017/12/11 Javascript
微信小程序简单的canvas裁剪图片功能详解
2019/07/12 Javascript
微信小程序渲染性能调优小结
2019/07/30 Javascript
基于JS判断对象是否是数组
2020/01/10 Javascript
使用JS实现动态时钟
2020/03/12 Javascript
[23:21]Ti4 冒泡赛第二轮DK vs C9 2
2014/07/14 DOTA
使用python装饰器验证配置文件示例
2014/02/24 Python
python 创建弹出式菜单的实现代码
2017/07/11 Python
Python中的正则表达式与JSON数据交换格式
2019/07/03 Python
python实现按首字母分类查找功能
2019/10/31 Python
Pytorch之Tensor和Numpy之间的转换的实现方法
2020/09/03 Python
如何在scrapy中集成selenium爬取网页的方法
2020/11/18 Python
小学三八妇女节活动方案
2014/03/16 职场文书
党日活动总结
2014/05/07 职场文书
湘江北去观后感
2015/06/15 职场文书
小学语文教师研修感悟
2015/11/18 职场文书
2019公司借款合同范本2篇!
2019/07/24 职场文书
Pyhton模块和包相关知识总结
2021/05/12 Python
教你利用Selenium+python自动化来解决pip使用异常
2021/05/20 Python
Python 实现定积分与二重定积分的操作
2021/05/26 Python
在HTML中引入CSS的几种方式介绍
2021/12/06 HTML / CSS