[jQuery] 모바일/PC 디바이스 구분하여 스크립트 다르게 보여주기

디바이스 화면 크기에 따라 스크립트를 다르게 적용(반응형)하는 방법은 아래 글 참고!

(화면 크기만으로 구분하므로, PC이더라도 화면 크기가 작아지면 모바일 버전으로 나오게 된다.)

https://hongpage.kr/20

[jQuery] 디바이스 크기별로 jquery 스크립트 다르게 불러오기 (반응형)

 

 

아래의 방법은 디바이스 크기가 아니라 디바이스 기종에 따라서 모바일과 모바일이 아닌 경우를 구분하는 제이쿼리 스크립트이다. 따라서 PC에서 화면을 작게한다해도 모바일 스크립트가 적용되지 않는다.

화면 크기가 아닌, 모바일/PC 디바이스로 나누어 스크립트를 적용시켜야하는 경우 사용하면 좋을 것 같다.

 

기종이 Android|webOS|iPhone|iPad|iPod|BlackBerry인 경우를 모바일 디바이스로 인식한다.

$(document).ready(function () {       
       
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false;
   
     if(!isMobile) {
         
        //모바일이 아닌 경우 스크립트
         
     } else {
         
        //모바일인 경우 스크립트
         
     }
                       
});