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淡化版banner异步图片文字效果切换图片特效
Apr 08 Javascript
jquery操作HTML5 的data-*的用法实例分享
Aug 17 Javascript
JS实现带鼠标效果的头像及文章列表代码
Sep 27 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
Jan 15 Javascript
详解JavaScript权威指南之对象
Sep 27 Javascript
Javascript实现一个简单的输入关键字添加标签效果实例
Jun 01 Javascript
React利用插件和不用插件实现双向绑定的方法详解
Jul 03 Javascript
layui框架中layer父子页面交互的方法分析
Nov 15 Javascript
vue中路由参数传递可能会遇到的坑
Dec 07 Javascript
js+SVG实现动态时钟效果
Jul 14 Javascript
vue 中引用gojs绘制E-R图的方法示例
Aug 24 Javascript
JavaScript中BOM对象原理与用法分析
Jul 09 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
文章推荐系统(二)
2006/10/09 PHP
php中删除数组的第一个元素和最后一个元素的函数
2015/03/07 PHP
如何解决phpmyadmin导入数据库文件最大限制2048KB
2015/10/09 PHP
Yii2框架实现登录、退出及自动登录功能的方法详解
2017/10/24 PHP
PHP预定义超全局数组变量小结
2018/08/20 PHP
一些常用的Javascript函数
2006/12/22 Javascript
js 日期比较相关天数代码
2014/04/02 Javascript
使用JQuery实现的分页插件分享
2015/11/05 Javascript
js实现n秒倒计时后才可以点击的效果
2015/12/20 Javascript
BootStrap Validator使用注意事项(必看篇)
2016/09/28 Javascript
jQuery弹出窗口打开链接的实现代码
2016/12/24 Javascript
ES6中module模块化开发实例浅析
2017/04/06 Javascript
JavaScript中document.referrer的用法详解
2017/07/04 Javascript
vue select二级联动第二级默认选中第一个option值的实例
2018/01/10 Javascript
vue移动UI框架滑动加载数据的方法
2018/03/12 Javascript
ES6基础之默认参数值
2019/02/21 Javascript
javascript异步编程的六种方式总结
2019/05/17 Javascript
使用Angular material主题定义自己的组件库的配色体系
2019/09/04 Javascript
JS面试题中深拷贝的实现讲解
2020/05/07 Javascript
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
vue-router路由懒加载及实现的3种方式
2021/02/28 Vue.js
[07:37]DOTA2-DPC中国联赛2月2日Recap集锦
2021/03/11 DOTA
利用Python获取操作系统信息实例
2016/09/02 Python
TensorFlow实现Logistic回归
2018/09/07 Python
NumPy 基本切片和索引的具体使用方法
2019/04/24 Python
python如何通过twisted搭建socket服务
2020/02/03 Python
Python和Anaconda和Pycharm安装教程图文详解
2020/02/04 Python
Servlet的生命周期
2013/08/25 面试题
会计毕业自我鉴定
2014/02/05 职场文书
团日活动总结模板
2014/06/25 职场文书
单位活动策划方案
2014/08/17 职场文书
委托书的写法
2014/09/16 职场文书
2014年节能工作总结
2014/12/18 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
奖励通知
2015/04/22 职场文书
2015年卫生院健康教育工作总结
2015/07/24 职场文书