js判断手机访问或者PC的几个例子(常用于手机跳转)

 更新时间:2015年12月15日 22:24:45   投稿:mdxy-dxy  
js判断手机或者PC的例子我们在几乎所有网站都会有这段代码了,现在手机流量与pc差不多了,下面来看两段js判断手机或者PC例子吧

例子一

<script>
function browserRedirect() {
  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 || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) ){
   window.location.href='https://www.jb51.net';
  }else{
 //window.location.href='http://m.jb51.net'; 
 }
}
$(function(){
 browserRedirect();
});
</script>

例子2

<script type="text/javascript">
(function(){
  var reWriteUrl = function(url){
    if(url){
      var Splits = url.split("/"),siteName=window.location.pathname;
      if(typeof siteName!=="undefined"){
        return "http://m.jb51.net"+siteName;
      }
    }
  };
  if(/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia|Mobile/i.test(navigator.userAgent)){
    var url=window.location.href;
    var pathname=window.location.pathname;
    if(url.indexOf("?mobile")<0){
    try{
      window.location.href=reWriteUrl(url);
    }catch(e){}
    }
  };
})();
</script>

注意,如果给搜索引擎看的话我们在文件头加入
<meta http-equiv="mobile-agent" content="format=xhtml; url=http://m.jb51.net" />
<meta http-equiv="mobile-agent" content="format=html5; url=http://m.jb51.net" />
意思是告诉搜索引擎移动蜘蛛抓取的是手机版本的.

相关文章

  • JavaScript ES5标准中新增的Array方法

    JavaScript ES5标准中新增的Array方法

    这篇文章主要介绍了JavaScript ES5标准中新增的Array方法 的相关资料,需要的朋友可以参考下
    2016-06-06
  • javascript兼容性(实例讲解)

    javascript兼容性(实例讲解)

    下面小编就为大家带来一篇javascript兼容性(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • JS判断、校验MAC地址的2个实例

    JS判断、校验MAC地址的2个实例

    这篇文章主要介绍了JS判断、校验MAC地址的2个实例,需要的朋友可以参考下
    2014-05-05
  • 微信小程序自定义底部弹出框动画

    微信小程序自定义底部弹出框动画

    这篇文章主要为大家详细介绍了微信小程序自定义底部弹出框动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • js实现按座位号抽奖

    js实现按座位号抽奖

    本文主要介绍了js实现按座位号抽奖的示例代码。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • bootstrap table.js动态填充单元格数据的多种方法

    bootstrap table.js动态填充单元格数据的多种方法

    这篇文章主要为大家详细介绍了bootstrap table.js填充单元格数据的多种方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版

    JavaScript 一行代码,轻松搞定浮动快捷留言-V2升级版

    前天熬了大半宿发了一篇[一行代码轻松搞定快捷留言功能],同时发布了V1.0beta版的快捷留言功能和源代码,之所以是beta版,就是当时感觉虽然基本功能有了,但是还不够完善,特性也不一定合理
    2010-04-04
  • Array数组对象中的forEach、map、filter及reduce详析

    Array数组对象中的forEach、map、filter及reduce详析

    这篇文章主要给大家介绍了关于Array数组对象中forEach、map、filter及reduce的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用array数据具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2018-08-08
  • JavaScript数据绑定实现一个简单的 MVVM 库

    JavaScript数据绑定实现一个简单的 MVVM 库

    MVVM 是 Web 前端一种非常流行的开发模式,利用 MVVM 可以使我们的代码更专注于处理业务逻辑而不是去关心DOM 操作。接下来通过本文给大家介绍JavaScript使用数据绑定实现一个简单的 MVVM 库,感兴趣的朋友一起学习吧
    2016-04-04
  • Table冻结表头示例代码

    Table冻结表头示例代码

    Table冻结表头,大家对此应该不会很陌生,实现很简单,下面为大家详细介绍下具体的实现,感兴趣的朋友可以参考下
    2013-08-08

最新评论