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 异步方法队列链实现代码分析
Jun 05 Javascript
关于递归运算的顺序测试代码
Nov 30 Javascript
使用jQuery.fn自定义jQuery翻页插件
Jan 20 Javascript
js导出table数据到excel即导出为EXCEL文档的方法
Oct 10 Javascript
学习JavaScript设计模式之状态模式
Jan 08 Javascript
深入理解jQuery3.0的domManip函数
Sep 01 Javascript
Bootstrap3 多选和单选框(checkbox)
Dec 29 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
Jan 22 Javascript
基于input动态模糊查询的实现方法
Dec 12 Javascript
Django+Vue跨域环境配置详解
Jul 06 Javascript
vue父组件异步获取数据传给子组件的方法
Jul 26 Javascript
Vue 图片压缩并上传至服务器功能
Jan 15 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实现Linux服务器木马排查及加固功能
2014/12/29 PHP
php获取百度收录、百度热词及百度快照的方法
2015/04/02 PHP
神奇的代码 通杀各种网站-可随意修改复制页面内容
2008/07/17 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
2011/05/06 Javascript
javascript中自定义对象的属性方法分享
2013/07/12 Javascript
js实现网页标题栏闪烁提示效果实例分析
2014/11/20 Javascript
javascript 判断两个日期之差的示例代码
2015/09/05 Javascript
基于AngularJS+HTML+Groovy实现登录功能
2016/02/17 Javascript
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
2017/03/02 Javascript
Angular2下使用pdf插件的方法详解
2017/04/29 Javascript
微信小程序canvas.drawImage完全显示图片问题的解决
2018/11/30 Javascript
Vue.js下拉菜单组件使用方法详解
2019/10/19 Javascript
浅谈Vue.js之初始化el以及数据的绑定说明
2019/11/14 Javascript
jQuery三组基本动画与自定义动画操作实例总结
2020/05/09 jQuery
js实现点击烟花特效
2020/10/14 Javascript
Python按行读取文件的简单实现方法
2016/06/22 Python
深入理解Django的自定义过滤器
2017/10/17 Python
python批量实现Word文件转换为PDF文件
2018/03/15 Python
在python中实现对list求和及求积
2018/11/14 Python
python实现按行分割文件
2019/07/22 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
关于keras.layers.Conv1D的kernel_size参数使用介绍
2020/05/22 Python
解决pytorch下出现multi-target not supported at的一种可能原因
2021/02/06 Python
selenium+python自动化78-autoit参数化与批量上传功能的实现
2021/03/04 Python
CSS3下的渐变文字效果实现示例
2018/03/02 HTML / CSS
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
2020/05/14 HTML / CSS
全天然狗零食:Best Bully Sticks
2016/09/22 全球购物
店长岗位的工作内容
2013/11/12 职场文书
微电影大赛策划方案
2014/06/05 职场文书
小学入学感言
2015/08/01 职场文书
法制主题班会教案
2015/08/13 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书
Python使用pyecharts控件绘制图表
2022/06/05 Python
js前端面试常见浏览器缓存强缓存及协商缓存实例
2022/06/21 Javascript