zoukankan      html  css  js  c++  java
  • JS判断访问网页的是移动端还是pc端(访问设备判断)

    js判断页面是否为手机端访问

    var ua = navigator.userAgent;
    var ipad = ua.match(/(iPad).*OSs([d_]+)/),
        isIphone = !ipad && ua.match(/(iPhonesOS)s([d_]+)/),
        isAndroid = ua.match(/(Android)s+([d.]+)/),
        isMobile = isIphone || isAndroid;
        if(isMobile) {
            location.href = 'http://m.baidu.com';
        }else{
            location.href = 'http://www.baidu.com';
        }
        //或者单独判断iphone或android
        if(isIphone){
            console.log("iphone访问");
            //code
        }else if(isAndroid){
            console.log("Android访问");
            //code
    
        }else{
            console.log("非iphone或Android访问");
            //code
        }

    js判断页面是手机端还是PC端打开

    //方法2

    <script type="text/javascript">
    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="http://f.jcngame.com/fanfan20171208/mobile/index.html";
        
        } else {
            //跳转pc端页面
            window.location.href="http://f.jcngame.com/fanfan20171208//fanmai/index.html";
        }
    }
    browserRedirect(); 
    </script>

    //方法3

    <script>
    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应该程序,没有头部与底部  
                    weixin: u.indexOf('MicroMessenger') > -1, //是否微信   
                    qq: u.match(/sQQ/i) == " qq" //是否QQ  
                };  
             }(),  
             language:(navigator.browserLanguage || navigator.language).toLowerCase()  
    }   
    
      if(browser.versions.mobile || browser.versions.ios || browser.versions.android ||   
        browser.versions.iPhone || browser.versions.iPad){   
            //web端打开    
            window.location = "http://m.zhaizhainv.com";      
      }else if(browser.versions.weixin){
             //微信打开
      }else{
            //PC端打开
      }
    </script>

    //另:智能机浏览器版本信息:

    <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.*/)||u.indexOf('iPad') > -1, //是否为移动终端
          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()
    }
      
        document.writeln("语言版本: "+browser.language+"<br/>");
        document.writeln("是否为移动终端: "+browser.versions.mobile+"<br/>");
        document.writeln("ios终端: "+browser.versions.ios+"<br/>");
        document.writeln("android终端: "+browser.versions.android+"<br/>");
        document.writeln("是否为iPhone: "+browser.versions.iPhone+"<br/>");
        document.writeln("是否iPad: "+browser.versions.iPad+"<br/>");
        document.writeln(navigator.userAgent);
      </script>

    //浏览器是否为移动端

    <script>
    if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
        window.location.href = "https://www.baidu.com/";
        //手机端
    } else {
        window.location.href = "http://news.baidu.com/";
    }
    </script>

    是否为ipad

    <script>
    //判断是否使用的是ipad
    function isIpad(){
        var ua = navigator.userAgent.toLowerCase();
        if(/ipad/i.test(ua))
        {
            return true;
        }
        else{
            return false;
        }
    </script>

    //延展:

    <!--js判断浏览器是否为IE8以下-->
    <script>
    var DEFAULT_VERSION = 8.0;
    var ua = navigator.userAgent.toLowerCase();
    var isIE = ua.indexOf("msie")>-1;
    var safariVersion;
    if(isIE){
        safariVersion =  ua.match(/msie ([d.]+)/)[1];
    }
    if(safariVersion < DEFAULT_VERSION ){
          // 进行你所要的操作
        alert("系统检测到您正在使用ie8以下内核的浏览器,为了更好的体验,请及时更新浏览器版本或采用浏览器极速模式浏览网页!")
    };
    </script>

    //是否为IE

    <script>
    function isIE() { //ie?
         if (!!window.ActiveXObject || "ActiveXObject" in window){
                 alert("我是货真价实的IE浏览器!");
                 return true; 
                 }else{
                     alert("我不是IE!");
                     return false; 
                }
     }
    isIE();
    </script>

    参考链接:https://blog.csdn.net/linghunyoushou/article/details/92760638

  • 相关阅读:
    用socket方式传输Image和Sound文件
    maven常用构建命令
    文件大小转换成可显示的Mb,Gb和kb方法
    关于<img>标签与文字垂直居中
    socket编程---一个简单例子
    Java实现RC4加解密
    build path功能详解
    struts2中改变struts.xml默认路径
    OpenSessionInViewFilter 的配置及作用
    web.xml元素介绍
  • 原文地址:https://www.cnblogs.com/T8888/p/14603164.html
Copyright © 2011-2022 走看看