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选择器如何获取父级元素、同级元素、子元素
May 14 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
Dec 19 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
Nov 25 Javascript
JavaScript学习小结(7)之JS RegExp
Nov 29 Javascript
javascript 判断当前浏览器版本并判断ie版本
Feb 17 Javascript
javascript 实现文本使用省略号替代(超出固定高度的情况)
Feb 21 Javascript
bing Map 在vue项目中的使用详解
Apr 09 Javascript
javascript使用正则实现去掉字符串前面的所有0
Jul 23 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
Oct 12 Javascript
Vue组件之单向数据流的解决方法
Nov 10 Javascript
使用p5.js临摹动态图形
Oct 23 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
Mar 04 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
德生H-501的评价与改造
2021/03/02 无线电
使用php判断服务器是否支持Gzip压缩功能
2013/09/24 PHP
PHP处理Ajax请求与Ajax跨域问题
2017/02/13 PHP
PHP进程通信基础之信号量与共享内存通信
2017/02/19 PHP
PHP实现对xml的增删改查操作案例分析
2017/05/19 PHP
PHP批斗大会之缺失的异常详解
2019/07/09 PHP
setInterval 和 setTimeout会产生内存溢出
2008/02/15 Javascript
JScript 脚本实现文件下载 一般用于下载木马
2009/10/29 Javascript
页面只有一个text的时候,回车自动submit的解决方法
2010/08/12 Javascript
JavaScript 32位整型无符号操作示例
2013/12/08 Javascript
js获取当前页面的url网址信息
2014/06/12 Javascript
JavaScript eval() 函数介绍及应用示例
2014/07/29 Javascript
浅析node.js中close事件
2014/11/26 Javascript
javascript显示中文日期的方法
2015/06/18 Javascript
jquery无限级联下拉菜单简单实例演示
2015/11/23 Javascript
arcgis for js 修改infowindow样式的方法
2016/11/02 Javascript
jQuery实现CheckBox全选、全不选功能
2017/01/11 Javascript
jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】
2017/03/09 Javascript
老生常谈Bootstrap媒体对象
2017/07/06 Javascript
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
JS模拟实现哈希表及应用详解
2018/05/04 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
2018/09/27 Javascript
微信小程序与公众号卡券/会员打通的问题
2019/07/25 Javascript
原生js实现五子棋游戏
2020/05/28 Javascript
修改Vue打包后的默认文件名操作
2020/08/12 Javascript
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
[01:13]这,就是刀塔
2014/07/16 DOTA
Python自动发送邮件的方法实例总结
2018/12/08 Python
Python 读取串口数据,动态绘图的示例
2019/07/02 Python
Python实现Word文档转换Markdown的示例
2020/12/22 Python
html5生成柱状图(条形图)效果的实例代码
2016/03/25 HTML / CSS
Hotels.com加拿大:领先的在线住宿网站
2018/10/05 全球购物
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
班子群众路线教育实践个人对照检查材料思想汇报
2014/09/30 职场文书
导游词之云南丽江古城
2019/09/17 职场文书
mysql对于模糊查询like的一些汇总
2021/05/09 MySQL