js 판단 PC 단 과 이동 단 점프

인터넷 에서 이런 유사 한 코드 를 많이 보 았 지만 어떤 것 은 매우 복잡 하거나 어떤 것 은 완전히 판단 되 지 않 았 다.지난번 에 매니저 가 고객 을 만 나 고 돌아 와 서 말 했다.애플 브 라 우 저 를 이용 하여 pc 엔 드(pc 는 이미 식별 점프)를 열 면 자동 으로 모 바 일 엔 드 의 홈 페이지 로 넘 어 갈 것 이다.나중에 테스트 를 통 해 알 게 되 었 다.
document.writeln("이동 단말기 인지 여부:"+browser.versions.mobile+"
");  //출력 true
그래서 전체 코드 에서 1 층 if 판단 은 항상 true 입 니 다.
이상 의 이 유 는 인터넷 에 떠 도 는 판단 이 다음 과 같 기 때문이다. 
mobile: !! u.match(/AppleWebKit.*Mobile.*/) || !! u.match(/AppleWebKit/),//이동 단말기 인지 여부
판단 이 불완전 해서 그런 거 야.
다음은 저희 가 사이트 에서 자주 사용 하 는 판단 코드 를 여러분 께 공유 해 드 리 겠 습 니 다.
pc 자동 이동 단자

(function() {
      if (/Android|webOS|iPhone|iPad|Windows Phone|iPod|BlackBerry|SymbianOS|Nokia|Mobile|Opera Mini/i.test(navigator.userAgent)) {
        var siteName = window.location.pathname;
        if (url.indexOf("?pc") < 0) {
          try {
				if (typeof siteName !== "undefined") {
            	window.location.href = "https://m.jb51.net" + siteName
          		} 
          } catch (e) {}
        }
      }
    })();

이동 단 자동 점프 pc 단

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

정확 한 판단 은 다음 과 같다.

mobile: !! u.match(/AppleWebKit.*Mobile.*/) || !! u.match(/AppleWebKit/) && u.indexOf('QIHU') && u.indexOf('QIHU') > -1 && u.indexOf('Chrome') < 0, //       

테스트 프로그램 코드

var browser = {
 versions: function() {
 var u = navigator.userAgent;
 return {
  trident: u.indexOf('Trident') > -1,
  presto: u.indexOf('Presto') > -1,
  webKit: u.indexOf('AppleWebKit') > -1,
  gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,
  mobile: !! u.match(/AppleWebKit.*Mobile.*/) || !! u.match(/AppleWebKit/) && u.indexOf('QIHU') && u.indexOf('QIHU') > -1 && u.indexOf('Chrome') < 0,
  ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
  android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
  iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
  iPad: u.indexOf('iPad') > -1,
  webApp: u.indexOf('Safari') == -1
 }
 } (),
 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+"</br>");

프로젝트 코드

/*
*
*   PC  WAP 
*/
var mobile_bs = {
 versions: function() {
 var u = navigator.userAgent;
 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/) && u.indexOf('QIHU') && u.indexOf('QIHU') > -1 && u.indexOf('Chrome') < 0, //       
  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    ，       
 }
 } ()
};
if (mobile_bs.versions.mobile) {
 if (mobile_bs.versions.android || mobile_bs.versions.iPhone || mobile_bs.versions.iPad || mobile_bs.versions.ios) {
 window.location.href = "     ";
 }
}; 

이상 은 본 고의 모든 내용 입 니 다.본 고의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 도움 이 되 기 를 바 랍 니 다.또한 저 희 를 많이 지지 해 주시 기 바 랍 니 다!