JS前端开发判断是否是手机端并跳转操作（小结）

转载于：http://www.xker.com/page/e2014/0325/131654.html

常用跳转代码

以下代码为常用来判断访问者的访问设备的类型来进行相应的跳转

<script type="text/javascript">// borwserRedirect(function browserRedirect(){var sUserAgent = navigator.userAgent.toLowerCase();var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad';var bIsIphone = 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) == 'web';var bIsCE = sUserAgent.match(/windows ce/i) == 'windows ce';var bIsWM = sUserAgent.match(/windows mobile/i) == 'windows mobile';var bIsAndroid = sUserAgent.match(/android/i) == 'android';if(bIsIpad || bIsIphone || bIsMidp || bIsUc7 || bIsUc || bIsCE || bIsWM || bIsAndroid ){window.location.href = '跳转的移动端网址';}})();</script>

<script type="text/javascript">
<!--  //平台、设备和操作系统 var system = { win: false, mac: false, xll: false, ipad:false };  //检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;  //跳转语句，如果是手机访问就自动跳转到wap.baidu.com页面 if (system.win || system.mac || system.xll||system.ipad) { } else { window.location.href = "http://www.jdpatro.com/3g/"; }
-->
</script>

<script>
(function(){if(/iphone|nokia|sony|ericsson|mot|samsung|sgh|lg|philips|panasonic|alcatel|lenovo|cldc|midp|wap|mobile/i.test(navigator.userAgent.toLowerCase())){document.write('<a href="检测为移动设备后跳转的移动端网址" style="color:#000;">手机触屏版</a>')}})();
</script>

腾讯跳转

<script type="text/javascript">
if(window.location.toString().indexOf('pref=padindex') != -1){
}else{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(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="http://xw.qq.com/index.htm";}else if(/iPad/i.test(navigator.userAgent)){//window.location.href="http://www.qq.com/pad/"}else{window.location.href="http://xw.qq.com/simple/s/index/"}}catch(e){}}}
}
</script>

<script type="text/javascript">
<!--  //平台、设备和操作系统 var system = { win: false, mac: false, xll: false, ipad:false };  //检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;  //跳转语句，如果是手机访问就自动跳转到wap.baidu.com页面 if (system.win || system.mac || system.xll||system.ipad) { } else { window.location.href = "http://www.jdpatro.com/3g/"; }
-->
</script>

JS 判断浏览器客户端类型(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://ipad.mail.163.com/";  }   }   if(bIsIphoneOs || bIsAndroid){   var sUrl = location.href;      if(!bForcepc){   window.location.href = "http://smart.mail.163.com/";  }   }   if(bIsMidp||bIsUc7||bIsUc||bIsCE||bIsWM){   var sUrl = location.href;      if(!bForcepc){   window.location.href = "http://m.mail.163.com/";  }   }   }  function fGetQuery(name){//获取参数值   var sUrl = window.location.search.substr(1);  var r = sUrl.match(new RegExp("(^|&)" + name + "=([^&]*)(&|$)"));  return (r == null ? null : (r[2]));  }  function fShowVerBlock(){     if(bForcepc){   document.getElementByIdx_x("dv_block").style.display = "block";  }   else{   document.getElementByIdx_x("ad_block").style.display = "block";  }   }  fBrowserRedirect();   </script>

使用插件判断

我们可以使用device.js来判断打开网页的类型，然后进行跳转

<script src="device.min.js"></script>
<script>if(device.windows()==true){    /*PC端*/}else if(device.ipad()==true){   /*pad端*/window.location.href = 'pad.html';}else if(device.iphone()==true){    /*手机端*/window.location.href = 'phone.html';}</script>

JS前端开发判断是否是手机端并跳转操作（小结）相关推荐

JS 判断是否是手机端并跳转操作
JS 判断运行当前脚本的应用程序是否为手机端或者一些其他信息,在我的工作中遇到的不是十分频繁,被我的同事一问就给问住了,所以把之前找到的一些知识点整理出来,供大家参考,若哪里不对欢迎指出,我会及时的更 ...
最新基于ThinkPHP5.0+BootStrap框架开发的自适应WAP手机端响应式界面博客系统PHP源码
<h2>源码介绍</h2> 分享一款基于ThinkPHP5.0框架开发的自适应WAP手机端响应式界面博客系统PHP源码,前端界面采用BootStrap框架设计,使得博客系统界面 ...
php判断是否手机,PHP如何判断是否为手机端
本文主要和大家分享PHP如何判断是否为手机端的方法实例,希望能帮助到大家.PHP判断是否为手机端的方法 private function ismobile() { // 如果有HTTP_X_WAP_P ...
php 手机端播放器,用JS代码适配电脑端和手机端播放器代码
用JS代码适配电脑端和手机端播放器代码蓝叶网站设计 2016-08-10 10668 9评论随着html5的崛起,很多网站都采用html5代码来设计,让网站美观大气,但是 ...
java 判断是否手机浏览器_js 判断是否是手机端的浏览器
// 判断是否是手机端浏览器 function getBrowser(){ var ua = navigator.userAgent.toLowerCase(); var btypeInfo = (u ...
js前端开发案例教程之DOM购物车（动手实践：购物车）
js前端开发案例教程之 DOM购物车(动手实践:购物车) html和css <!DOCTYPE html> <html><head><meta charse ...
JS判断设备是手机端还是PC端，并加载不同的css/js文件
最近公司有个页面需要做pc端和手机端的页面自适应,即手机打开是指定的样式,pc打开则是pc指定的样式,样式是前端ui已经设计好了的. 所以这里需要通过Navigator userAgent 属性判断浏 ...
EasyDSS高性能流媒体服务器前端重构(六)- webpack-dev-server 支持手机端访问
很多时候,前端开发的页面,不仅要在PC端测试效果, 还要在手机端测试效果. 在开发阶段, 我们以 webpack-dev-server 来启动浏览器, 打开正在开发的页面. webpack-dev-s ...
FIS.js前端开发的使用说明文档
文档结构什么是FIS部署FISFIS基本使用模块定义加载方式调用Tangram 2.0一.什么是FIS FIS提供了一套贯穿开发流程的开发体系和集成开发环境,为产品线提供前端开发底层架构,这能帮助工程 ...

JS前端开发判断是否是手机端并跳转操作（小结）

常用跳转代码

腾讯跳转

JS 判断浏览器客户端类型(ipad,iphone,android)

使用插件判断

JS前端开发判断是否是手机端并跳转操作（小结）相关推荐

最新文章

热门文章