• js判断当前页面在移动设备还是在PC端中打开


    方法一:

    var isPC = function ()
    {
        var userAgentInfo = navigator.userAgent.toLowerCase();
        var Agents = new Array("android", "iphone", "symbianOS", "windows phone", "ipad", "ipod");
        var flag = true;
        for (var v = 0; v < Agents.length; v++) {
            if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }
        }
        return flag;
    }

    前端调用  不需要jq
    <
    script src="../../js/isPc.js"></script> <script> var isPC = isPC(); if(!isPC){ //window.location.href = 'm/index.html';
              //执行移动端要执行的代码
    console.log("移动端"); } </script>

    方法二:

      js判断用户的浏览设备是移动设备还是PC

    <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";
          document.writeln("您的浏览设备为:");
          if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
            document.writeln("phone");
          } else {
            document.writeln("pc");
          }
        }
     
        browserRedirect();
      </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应该程序,没有头部与底部
                   };
                 }(),
                 language: (navigator.browserLanguage || navigator.language).toLowerCase()
               }            
               if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
                   var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
                   if (ua.match(/MicroMessenger/i) == "micromessenger") {
                       //在微信中打开
                      setInterval(WeixinJSBridge.call('closeWindow'),2000);
                   }
                   if (ua.match(/WeiBo/i) == "weibo") {
                       //在新浪微博客户端打开
                   }
                   if (ua.match(/QQ/i) == "qq") {
                       //在QQ空间打开
                   }
                   if (browser.versions.ios) {
                       //是否在IOS浏览器打开
                   } 
                   if(browser.versions.android){
                       //是否在安卓浏览器打开
                   }
               } else {
                   //否则就是PC浏览器打开
                   window.close();
               }
    浩楠哥
  • 相关阅读:
    MySQL Binlog解析(2)
    在线修改GTID模式
    官方online ddl
    pt-osc原理
    pt-osc使用方法
    python基本数据类型
    第一句python
    搭建私有云kodexplorer
    frp搭建
    Linux下快速分析DUMP文件
  • 原文地址:https://www.cnblogs.com/haonanZhang/p/6236354.html
Copyright © 2020-2023  润新知