[자바스크립트] 디바이스(PC,모바일) 구별(체크)

스마트폰에서 게시판으로 접속시 스마트폰 화면에 맞지않게 게시판이 나타난다.

그렇기 때문에 PC가 아닌 다른 디바이스들로 접속할 때에 어떻게 구분을 해줄까 검색 신공을 펼친 결과,

디 바이스를 구분(체크)해주는 자바스크립트가 있었고 이를 조금만 수정하여 PC와 모바일 접속시 따로 각각 다른 페이지를 보여줄 수 있도록 구현할 수 있었다. (물론 jsp페이지는 따로 존재해야한다.) 게시판 컨트롤러에 파라미터를 하나 넘겨줌으로 인해 디바이스별로 뷰를 처리해주는 방식을 선택했다.

<script type="text/javascript">

//check browser

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

var device;

if(isie7 || isie8 || isie9){

isie6=false;

}

if(isie9){

isie=false;

}

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

alert("모바일기기로 접속하였습니다.");

window.location = "../rs/main.jsp?dvType=m";

}else{

alert("PC로 접속하였습니다.");

window.location = "../rs/main.jsp?dvType=p";

}

</script>