js判断手机端(Android手机还是iPhone手机)


Posted in Javascript onJuly 22, 2015

网上常用的代码

/**
 * [isMobile 判断平台]
 * @param test:	0:iPhone	1:Android
 */
function ismobile(test){
	var u = navigator.userAgent, app = navigator.appVersion;
	if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
	 if(window.location.href.indexOf("?mobile")<0){
	  try{
	   if(/iPhone|mac|iPod|iPad/i.test(navigator.userAgent)){
	   	return '0';
	   }else{
	   	return '1';
	   }
	  }catch(e){}
	 }
	}else if( u.indexOf('iPad') > -1){
		return '0';
	}else{
		return '1';
	}
};

使用方法:

var pla=ismobile(1);

如果pla返回的是0:iPhone 1:Android

代码一、

<script type="text/javascript">
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/i) || !!u.match(/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/), //是否为移动终端
   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 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
   iPad: u.indexOf('iPad') > -1, //是否iPad
   webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
  };
  } (),
  language: (navigator.browserLanguage || navigator.language).toLowerCase()
}
if (browser.versions.iPhone || browser.versions.iPad || browser.versions.ios) {
window.location.href = "https://3water.com";
}
if (browser.versions.android) {
window.location.href = "http://www.qq.com";
}
</script>

如何判断是否是 iPad 浏览器呢,关键是看它的 User Agent 中是否有 iPad。iPad 使用的是 Safari Mobile 浏览器,他的的 User Agent 是:

Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10

Javascript代码
function is_iPad(){
var ua = navigator.userAgent.toLowerCase();
if(ua.match(/iPad/i)=="ipad") {
return true;
} else {
return false;
}
}
因此,判断ipad,iphone,android的代码为:

<script type="text/javascript"> 
var bForcepc = fGetQuery("dv") == "pc"; 
function fBrowserRedirect(){ 
 var sUserAgent = navigator.userAgent.toLowerCase(); 
 var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; 
 var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; 
 var bIsMidp = sUserAgent.match(/midp/i) == "midp"; 
 var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; 
 var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; 
 var bIsAndroid = sUserAgent.match(/android/i) == "android"; 
 var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; 
 var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; 
 if(bIsIpad){ 
 var sUrl = location.href; 
 if(!bForcepc){ 
  window.location.href = "http://m.3water.com/?ipad"; 
 } 
 } 
 if(bIsIphoneOs || bIsAndroid){ 
 var sUrl = location.href; 
 if(!bForcepc){ 
  window.location.href = "http://m.3water.com/?iphone"; 
 } 
 } 
 if(bIsMidp||bIsUc7||bIsUc||bIsCE||bIsWM){ 
 var sUrl = location.href; 
 if(!bForcepc){ 
  window.location.href = "http://m.3water.com/"; 
 } 
 } 
} 
function fGetQuery(name){//获取参数值 
 var sUrl = window.location.search.substr(1); 
 var r = sUrl.match(new RegExp("(^|&)" + name + "=([^&]*)(&|$)")); 
 return (r == null ? null : unescape(r[2])); 
} 
function fShowVerBlock(){ 
 if(bForcepc){ 
 document.getElementById("dv_block").style.display = "block"; 
 } 
 else{ 
 document.getElementById("ad_block").style.display = "block"; 
 } 
} 
fBrowserRedirect(); 
</script>
Javascript 相关文章推荐
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
Feb 27 Javascript
node.js实现逐行读取文件内容的代码
Jun 27 Javascript
node.js中的fs.appendFileSync方法使用说明
Dec 17 Javascript
jquery ui resize 中border-box的bug修正
Apr 26 Javascript
JS实现图片上传预览功能
Nov 21 Javascript
设置jquery UI 控件的大小方法
Dec 12 Javascript
JS实现中国公民身份证号码有效性验证
Feb 20 Javascript
Angular.JS去掉访问路径URL中的#号详解
Mar 30 Javascript
详解使用vue脚手架工具搭建vue-webpack项目
May 10 Javascript
JS实现登录页密码的显示和隐藏功能
Dec 06 Javascript
使用vuex缓存数据并优化自己的vuex-cache
May 30 Javascript
详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
Aug 02 Javascript
javascript实现网页屏蔽Backspace事件,输入框不屏蔽
Jul 21 #Javascript
Javascript实现获取及设置光标位置的方法
Jul 21 #Javascript
详解参数传递四种形式
Jul 21 #Javascript
jquery实现Ctrl+Enter提交表单的方法
Jul 21 #Javascript
jQuery实现html元素拖拽
Jul 21 #Javascript
异步安全加载javascript文件的方法
Jul 21 #Javascript
jquery实现鼠标滑过小图查看大图的方法
Jul 20 #Javascript
You might like
php结合表单实现一些简单功能的例子
2011/06/04 PHP
php中call_user_func函数使用注意事项
2014/11/21 PHP
php通过asort()给关联数组按照值排序的方法
2015/03/18 PHP
如何打开php的gd2库
2017/02/09 PHP
jQuery中unbind()方法用法实例
2015/01/19 Javascript
js小数运算出现多位小数如何解决
2015/10/08 Javascript
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
2016/01/25 Javascript
jQuery操作动态生成的内容的方法
2016/05/28 Javascript
JS遍历ul下的li点击弹出li的索引的实现方法
2016/09/19 Javascript
设置jquery UI 控件的大小方法
2016/12/12 Javascript
详解使用fetch发送post请求时的参数处理
2017/04/05 Javascript
详解JS构造函数中this和return
2017/09/16 Javascript
JavaScript实现HTML5游戏断线自动重连的方法
2017/09/18 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
2019/04/19 Javascript
Python中的文件和目录操作实现代码
2011/03/13 Python
Python中的模块和包概念介绍
2015/04/13 Python
python下调用pytesseract识别某网站验证码的实现方法
2016/06/06 Python
Python实现将MySQL数据库表中的数据导出生成csv格式文件的方法
2018/01/11 Python
Python中str.join()简单用法示例
2018/03/20 Python
Linux下多个Python版本安装教程
2018/08/15 Python
Python基于滑动平均思想实现缺失数据填充的方法
2019/02/21 Python
Python2.7版os.path.isdir中文路径返回false的解决方法
2019/06/21 Python
Python发送邮件的实例代码讲解
2019/10/16 Python
Python自动化测试基础必备知识点总结
2021/02/07 Python
海淘零差价,宝贝全球购: 宝贝格子
2016/08/24 全球购物
高级运动鞋:GREATS
2019/07/19 全球购物
俄罗斯极限运动网上商店:Board Shop №1
2020/12/18 全球购物
写好自荐信的技巧
2013/11/08 职场文书
党员组织关系介绍信
2014/02/13 职场文书
公司开业庆典主持词
2014/03/21 职场文书
全国文明单位申报材料
2014/05/31 职场文书
工作态度恶劣检讨书
2015/05/06 职场文书
优秀志愿者感言
2015/08/01 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
最美劳动诗,致敬所有的劳动者!
2019/07/12 职场文书
springboot集成redis存对象乱码的问题及解决
2022/06/16 Java/Android