判断网站当前是pc还是wap

2021-01-30 21:15:49


  在制作网站过程中,有时候需要判断网站当前所处环境是在PC端还是在移动端环境中浏览,如果在PC端浏览展示默认网址内容,如果是移动端浏览,则根据判断的设备类型跳转到对应网址查看移动端效果,下面就是几种判断移动端和PC端的代码:


35.jpg


判断写法1

window.location.href = /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ? "https://www.baidu.com/" :  "http://news.baidu.com/";

判断写法2

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.match(/AppleWebKit/), //是否为移动终端

    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 || u.indexOf("Mac") > -1, //是否为iPhone或者QQHD浏览器

    iPad: u.indexOf("iPad") > -1, //是否iPad

    webApp: u.indexOf("Safari") == -1 //是否web应该程序,没有头部与底部

  };

}(),

language:(navigator.browserLanguage || navigator.language).toLowerCase()

}

if(browser.versions.android || browser.versions.iPhone || browser.versions.ios){

  window.location.href="/index.php/wap/index/index";

}

判断写法3

function IsPC() {

    var userAgentInfo = navigator.userAgent;

    var Agents = "Android", "iPhone",

                "SymbianOS", "Windows Phone",

                "iPad", "iPod";

    var flag = true;

    for (var v = 0; v < Agents.length; v++) {

        if (userAgentInfo.indexOf(Agentsv) > 0) {

            flag = false;

            break;

        }

    }

    return flag;

}

判断写法4

function uaredirect(f) {

 try {

  if (document.getElementById("bdmark") != null) {

   return

  }

  var b = false;

  if (arguments1) {

   var e = window.location.host;

   var a = window.location.href;

   if (isSubdomain(arguments1, e) == 1) {

    f = f + "/#m/" + a;

    b = true

   } else {

    if (isSubdomain(arguments1, e) == 2) {

     f = f + "/#m/" + a;

     b = true

    } else {

     f = a;

     b = false

    }

   }

  } else {

   b = true

  }

  if (b) {

   var c = window.location.hash;

   if (!c.match("fromapp")) {

    if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|SymbianOS)/i))) {

     location.replace(f)

    }

   }

  }

 } catch(d) {}

}

function isSubdomain(c, d) {

 this.getdomain = function(f) {

  var e = f.indexOf("://");

  if (e > 0) {

   var h = f.substr(e + 3)

  } else {

   var h = f

  }

  var g = /^www./;

  if (g.test(h)) {

   h = h.substr(4)

  }

  return h

 };

 if (c == d) {

  return 1

 } else {

  var c = this.getdomain(c);

  var b = this.getdomain(d);

  if (c == b) {

   return 1

  } else {

   c = c.replace(".", ".");

   var a = new RegExp("." + c + "$");

   if (b.match(a)) {

    return 2

   } else {

    return 0

   }

  }

 }

};




  本站内文章部分来自于用户投稿或者编辑整理,文章其版权均归原作者及其网站所有。

上一篇:div的三角指向和分割线写法

下一篇:自适应网站和响应式网站的区别