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


Posted in Javascript onFebruary 05, 2017

常用跳转代码

<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 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>

以上所述是小编给大家介绍的JS前端开发判断是否是手机端并跳转操作,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
什么是JavaScript
Aug 13 Javascript
jQuery示例收集
Nov 05 Javascript
Javascript处理DOM元素事件实现代码
May 23 Javascript
在JS中如何调用JSP中的变量
Jan 22 Javascript
浅谈类似于(function(){}).call()的js语句
Mar 30 Javascript
jstl中判断list中是否包含某个值的简单方法
Oct 14 Javascript
AngularJS使用ng-app自动加载bootstrap框架问题分析
Jan 04 Javascript
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
Aug 25 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
Sep 20 jQuery
JS在if中的强制类型转换方式
Jul 15 Javascript
JS闭包经典实例详解
Dec 20 Javascript
vue实现同时设置多个倒计时
May 20 Vue.js
thinkjs之页面跳转同步异步操作
Feb 05 #Javascript
js实现5秒倒计时重新发送短信功能
Feb 05 #Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
Feb 05 #Javascript
js仿小米手机上下滑动效果
Feb 05 #Javascript
简单实现js无缝滚动效果
Feb 05 #Javascript
完美的js图片轮换效果
Feb 05 #Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
Feb 05 #Javascript
You might like
php mysql数据库操作类
2008/06/04 PHP
php数组使用规则分析
2015/02/27 PHP
教你在PHPStorm中配置Xdebug
2015/07/27 PHP
PHP实现根据图片色界在不同位置加水印的方法
2015/08/08 PHP
全面解析PHP操作Memcache基本函数
2016/07/14 PHP
PHP读取CSV大文件导入数据库的实例
2017/07/24 PHP
开发跨浏览器javascript常见注意事项
2009/01/01 Javascript
js监听键盘事件示例代码
2013/07/26 Javascript
js的alert弹出框出现乱码解决方案
2013/09/02 Javascript
加随机数引入脚本不让浏览器读取缓存
2014/09/04 Javascript
jQuery源码解读之addClass()方法分析
2015/02/20 Javascript
基于jQuery倾斜打开侧边栏菜单特效代码
2015/09/15 Javascript
使用Chart.js图表库制作漂亮的响应式表单
2015/10/28 Javascript
js判断所有表单项不为空则提交表单的实现方法
2016/09/09 Javascript
浅析vue数据绑定
2017/01/17 Javascript
微信小程序 调用微信授权窗口相关问题解决
2019/07/25 Javascript
vue项目在线上服务器访问失败原因分析
2020/08/14 Javascript
跟老齐学Python之赋值,简单也不简单
2014/09/24 Python
Python实现导出数据生成excel报表的方法示例
2017/07/12 Python
详解django自定义中间件处理
2018/11/21 Python
浅谈python3.6的tkinter运行问题
2019/02/22 Python
浅谈python之高阶函数和匿名函数
2019/03/21 Python
Python HTML解析器BeautifulSoup用法实例详解【爬虫解析器】
2019/04/05 Python
Pytorch 计算误判率,计算准确率,计算召回率的例子
2020/01/18 Python
在pycharm中实现删除bookmark
2020/02/14 Python
python中使用you-get库批量在线下载bilibili视频的教程
2020/03/10 Python
可视化pytorch 模型中不同BN层的running mean曲线实例
2020/06/24 Python
详解python中的三种命令行模块(sys.argv,argparse,click)
2020/12/15 Python
三好学生自我鉴定
2013/12/17 职场文书
初中数学教学反思
2014/01/16 职场文书
秘书英文求职信
2014/04/16 职场文书
保护地球的标语
2014/06/17 职场文书
钳工实训报告总结
2014/11/04 职场文书
党员示范岗材料
2014/12/19 职场文书
教师节表彰会主持词
2015/07/06 职场文书
三严三实·严以修身心得体会
2016/01/15 职场文书