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进行跨域请求
Jan 25 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
Nov 20 Javascript
javascript教程:关于if简写语句优化的方法
May 17 Javascript
javascript函数命名的三种方式及区别介绍
Mar 22 Javascript
JS中多步骤多分步的StepJump组件实例详解
Apr 01 Javascript
jQuery简单实现彩色云标签效果示例
Aug 01 Javascript
@ResponseBody 和 @RequestBody 注解的区别
Mar 08 Javascript
layui导出所有数据的例子
Sep 10 Javascript
vue实现全匹配搜索列表内容
Sep 26 Javascript
vue移动端模态框(可传参)的实现
Nov 20 Javascript
JavaScript实现HSL拾色器
May 21 Javascript
动态实现element ui的el-table某列数据不同样式的示例
Jan 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 无限级缓存的类的扩展
2009/03/16 PHP
PHP 批量更新网页内容实现代码
2010/01/05 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
PHP随机生成信用卡卡号的方法
2015/03/23 PHP
php判断linux下程序问题实例
2015/07/09 PHP
单独使用CKFinder选择图片的方法
2010/08/21 Javascript
JavaScript基础篇之变量作用域、传值、传址的简单介绍与实例
2013/06/29 Javascript
可自己添加html的伪弹出框实现代码
2013/09/08 Javascript
JQuery 图片滚动轮播示例代码
2014/03/24 Javascript
jqGrid读取选择的多行的某个属性代码
2014/05/18 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
2014/09/03 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
2015/12/02 Javascript
浅析Javascript ES6新增值比较函数Object.is
2016/08/24 Javascript
js中的eval()函数把含有转义字符的字符串转换成Object对象的方法
2016/12/02 Javascript
微信小程序 用户数据解密详细介绍
2017/01/09 Javascript
Node.js中你不可不精的Stream(流)
2018/06/08 Javascript
js实现同一个页面,多个enter事件绑定的示例
2018/10/10 Javascript
SSM+layUI 根据登录信息显示不同的页面方法
2019/09/20 Javascript
Vue实现PC端靠边悬浮球的代码
2020/05/09 Javascript
详解vue高级特性
2020/06/09 Javascript
Python中的命令行参数解析工具之docopt详解
2017/03/27 Python
Python实现简易Web爬虫详解
2018/01/03 Python
Python多进程写入同一文件的方法
2019/01/14 Python
python turtle库画一个方格和圆实例
2019/06/27 Python
python连接打印机实现打印文档、图片、pdf文件等功能
2020/02/07 Python
python上传时包含boundary时的解决方法
2020/04/08 Python
calendar在python3时间中常用函数举例详解
2020/11/18 Python
python爬取豆瓣电影排行榜(requests)的示例代码
2021/02/18 Python
CSS3 实用技巧:实现黑白图像效果示例代码
2013/07/11 HTML / CSS
JoJo Maman Bébé爱尔兰官网:英国最受欢迎的精品母婴品牌
2020/12/20 全球购物
社区反邪教工作方案
2014/06/16 职场文书
房产协议书范本2014
2014/09/30 职场文书
暑期实践个人总结
2015/03/06 职场文书
花木兰观后感
2015/06/10 职场文书
卖车协议书范文
2016/03/23 职场文书
十大必看国产动漫排名,魁拔上线,第二曾在日本播出
2022/03/18 国漫