如何使用js判斷當前頁面是pc還是移動端開啟的

來源:互聯網
上載者:User

標籤:ack   hash   break   this   gen   lag   phone   nav   頁面   

1.利用了Regex三目運算子,含義就是如果是移動端開啟的話那就跳轉到 "https:www.baidu.com/" ,如果不是就跳轉到"http://new.baidu.com/"

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

  等同於

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/";}

2.第二種方法

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(Agents[v]) > 0) {            flag = false;            break;        }    }    return flag;}

3.第三種方法

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=B頁面;    }}browserRedirect();

4.百度判斷的方法

function uaredirect(f) { try {  if (document.getElementById("bdmark") != null) {   return  }  var b = false;  if (arguments[1]) {   var e = window.location.host;   var a = window.location.href;   if (isSubdomain(arguments[1], e) == 1) {    f = f + "/#m/" + a;    b = true   } else {    if (isSubdomain(arguments[1], 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   }  } }};

以上是百度總結的,方便自己罷了!

 

如何使用js判斷當前頁面是pc還是移動端開啟的

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.