브라우져 or 모바일 구분

최근 인터넷 익스플러러 뿐만아니라 크롬, 사파리,파이어폭스, 오페라 등 다양한 브라우져들의 사용량이 급증하면서 

크로스 브라우징이 굉장히 중요 해졌다고 생각합니다.

브라우져마다 적용되는 css가 조금씩 다르고, ie의 하위 버전(8이하) 같은 경우는 적용되지 않는 jQuery, CSS등이 굉장히 많기 

때문에 브라우져를 체크해서 다른 소스를 적용해야 하는 경우가 종종 생긴다.

또 반응형 웹을 하다보면 안드로이드, 아이폰, 테블릿 등을 체크해야하는 경우도 종종 생긴다.

위의 상황들을 쉽게 체크 할 때 필요에 따라 소스를 수정해서 사용하면 좋을것 같다.

window.onload = function(){

var isie=(/msie/i).test(navigator.userAgent); //ie

var isie6=(/msie 6/i).test(navigator.userAgent); //ie 6

var isie7=(/msie 7/i).test(navigator.userAgent); //ie 7

var isie8=(/msie 8/i).test(navigator.userAgent); //ie 8

var isie9=(/msie 9/i).test(navigator.userAgent); //ie 9

var isfirefox=(/firefox/i).test(navigator.userAgent); //firefox

var isapple=(/applewebkit/i).test(navigator.userAgent); //safari,chrome

var isopera=(/opera/i).test(navigator.userAgent); //opera

var isios=(/(ipod|iphone|ipad)/i).test(navigator.userAgent);//ios

var isipad=(/(ipad)/i).test(navigator.userAgent);//ipad

var isandroid=(/android/i).test(navigator.userAgent);//android

if(isie7 || isie8 || isie9) isie6=false;

if(isie9) isie=false;

//document.write(isandroid);

//if(isapple || isios || isipad || isandroid){

if(isios || isipad || isandroid){

  jQuery("span#id").text("mobile"); 

}

else{

jQuery("span#id").text("nomobile");

}

}

</script>