목차
접기
728x90
반응형
| UserAgent를 통한 모바일 인식 자바스크립트
if(navigator.userAgent.match(/Mobile|iP(hone|od)|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune/)){
//스마트폰일 때 실행 될 스크립트
}
User agent에는 사용자 기기에대한 정보도 들어있기 때문에, 모바일환경을 인식할 수 있습니다.
위의 코드를 사용하면 태블릿을 제외한 스마트폰에서만 스크립트를 실행할 수 있습니다.
오류 발생(아이패드가 PC로 인식된다)
if(navigator.userAgent.match(/Android|Mobile|iP(hone|od|ad)|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune/)){
//모바일(스마트폰+태블릿)일 때 실행 될 스크립트
}
이 코드는 안드로이드 태블릿과 아이패드 정보가 추가된 스크립트입니다.
만일 모바일을 제외한 PC에서만 실행할 스크립트는 다음처럼 작성하면 됩니다.
if(!navigator.userAgent.match(/Mobile|iP(hone|od)|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune/)){
//태블릿,PC에서만 실행 될 스크립트
}
if(!navigator.userAgent.match(/Android|Mobile|iP(hone|od|ad)|BlackBerry|IEMobile|Kindle|NetFront|Silk-Accelerated|(hpw|web)OS|Fennec|Minimo|Opera M(obi|ini)|Blazer|Dolfin|Dolphin|Skyfire|Zune/)){
//PC에서만 실행 될 스크립트
}
728x90
반응형
LIST
'javascript' 카테고리의 다른 글
jQuery로 태그 안의 내용을 바꾸는 방법 (0) | 2021.04.15 |
---|---|
html 문서가 로딩되면 실행되도록하는 jQuery (0) | 2021.04.08 |
[ javascript ] map 함수 사용 시, 함수 분할 (0) | 2021.02.07 |
[ javascript ] map 함수 사용법 연습 (0) | 2021.02.07 |
[ javascript ] 연습 문제 풀이 (0) | 2021.02.03 |