19'C 흐림
서울 강남구
#퍼블리셔 & #프론트앤드 직종을 일하면서
제일 많이 하는 일이 분석스크립트 설치다!!
개발자분이 팀에 위치한다면 부탁해도되겠지만,
개인적인 발전과 담당 업무의 다양화를 위해서
알아두는게 좋다 ~
<script>
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false;
jQuery(document).ready(function($){
if(!isMobile) {
//PC
} else {
//MOBILE
}
});
</script>
<script></script>를 선언해서
스크립트 언어를 사용할 영역을 선언하고
var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false;
navigator.userAgent
단말기정보나 브라우저 정보를
확인하는 navigator 객체
위 코드가 ' | ' 이걸로 디바이스를 체크(test)해서
블리언(boolean = 참, 거짓) 결과값인
true나 false로 뱉어낸다 ~
if(!isMobile) {
//PC
} else {
//MOBILE
}
isMobole 변수에는
true나 false 값이 들어간다
if문을 사용해서 isMobile 변수가
참(true)면 모바일 스크립트가 실행하게 만들고
거짓(false)면 PC스크립트가 실행하게 만들면 된다
하지만 ! (같지않다)로
한번 꼬아 주었기 때문에
if(true(참)가 아니면)이 된다
if(true가 아니면) = 모바일기기가 아니면
한마디로 if(!isMobile) 은 isMobile 변수가
모바일이 아니면 이라는 조건문이 되는 것이다
PC이기 때문에 위쪽 //pc 주석부분의 스크립트가 실행되고
모바일이면 아래쪽 //MOBILE 주석부분의 스크립트가 실행된다
' ! ' 느낌표를 안해주면
if(true면) = 모바일기기라면
if(isMobile) {
//MOBILE
} else {
//PC
}
아래 조건문이 위에 영역이 MOBILE
아래 영역이 PC 스크립트가 들어가면 된다 ~