html 모바일, pc 접속환경 구분하기

bootstrap에서 소스를 가져다 쓰다보니

 

모바일 환경에서 반응은 하지만

 

각 div class마다 다 따로놀아 모바일에서 접속을 막으려 합니다.

 

이미 jQuery에서 소스를 제공해주고 있으며 jQuery.browser를 사용

 

  var filter = "win16|win32|win64|mac|macintel";

  if ( navigator.platform ) {
    if ( filter.indexOf( navigator.platform.toLowerCase() ) < 0 ) {
      //mobile
      console.log('mobile 접속');
    } else {
      //pc
      console.log('pc 접속');
    }
  }

 

필터를 걸어 윈도우와 맥 환경을 걸러줍니다.

 

콘솔 혹은 alert으로 모바일과 PC의 접속환경을 구분지어줍니다.

 

이제 모바일일 때에는 모바일 전용 페이지를 호출하고 ( pc를 이용해 달라는 안내페이지 )

 

PC에서 사용을 할경우 메인페이지로 진입하게 해주면 끝!

 

  var filter = "win16|win32|win64|mac|macintel";

  if ( navigator.platform ) {
    if ( filter.indexOf( navigator.platform.toLowerCase() ) < 0 ) {
      //mobile
      console.log('mobile 접속');
      location.replace("{% url 'mobile' %}");
    } else {
      //pc
      console.log('pc 접속');
    }
  }

 

 

출처 및 배운곳 :https://88240.tistory.com/393

[jQuery] 모바일로 접속했는지 PC로 접속했는지 구분 방법