Jquery判断是不是移动设备浏览
2015-06-03 15:59
561 查看
首先,只判断是否是用移动设备浏览的:
// Mobile 这里是只有不再移动设备上访问时,才给相应元素加上 mouseenter 和 mouseleave 事件。
---------------------------------------------------------------------------------------------------------
第二,需要得到详细的移动设备的类型:
第三,js判断是否为pc端或移动端
// Mobile 这里是只有不再移动设备上访问时,才给相应元素加上 mouseenter 和 mouseleave 事件。
if (!navigator.userAgent.match(/mobile/i)) { $('.nav-dots span').mouseenter(function() { $(this).css('background-color', 'rgba(0, 0, 0, 0.2) !important'); }); $('.nav-dots span').mouseleave(function() { $(this).css('background-color', 'rgba(255, 255, 255, 0.2) !important'); }); }
var browser = { versions: function() { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核 mobile: !! u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端 ios: !! u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器 iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器 iPad: u.indexOf('iPad') > -1, //是否iPad webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部 }; }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() } if (browser.versions.mobile || browser.versions.ios || browser.versions.android || browser.versions.iPhone || browser.versions.iPad) { window.location = "http://m.baidu.com"; }
---------------------------------------------------------------------------------------------------------
第二,需要得到详细的移动设备的类型:
$(document).ready(function() { var isMobile = { Android: function() { return navigator.userAgent.match(/Android/i) ? true : false; }, BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i) ? true : false; }, iOS: function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false; }, Windows: function() { return navigator.userAgent.match(/IEMobile/i) ? true : false; }, any: function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows()); } }; if (isMobile.any()) { $('.main_header').hide(); } });
第三,js判断是否为pc端或移动端
function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); var flag = true; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; } } return flag; }
相关文章推荐
- jquery iframe自适应高度
- jquery的checked
- jquery html5 上传图片并且 图片回显
- jquery实现checkbox复选框的全选反选
- jQuery学习笔记3--网页字体变大变小
- 用户注册验证_基于jquery validate
- $.grep ,$.map,jquery筛选数组之grep、each、inArray、map的用法及遍历json对象
- jquery页面刷新
- jquery qrcode二维码生成插件
- jQuery中extend()和fn.extend()方法详解
- jquery中添加属性和删除属性
- jQuery事件绑定on()、bind()与delegate() 方法详解
- jquery 防止按钮二次点击
- jQuery插件jqplot的详细配置说明和渲染器
- jquery选择器,逗号
- Jquery 获取CheckBoxList 中选择的值和获取RadioButton 选中的状态
- jquery抖动的按钮
- CSS选择器与jQuery选择器的异同:一些特殊的选择器
- jquery delegate
- springMVC框架下JQuery传递并解析Json数据