[jQuery] 접속 클라이언트의 Agent를 쉽게 확인할 수 있는 플러그인

최근에는 웹에 접속하는 디바이스 숫자가 늘어나면서 agent를 체크하여 분기 처리를 해야할 경우가 많아졌습니다.

물론 확인하는 방법도 이전부터 있었지만.. 편리하게 agent를 확인할 수 있는 js를 소개합니다.

Kazuma Nishihata라는 일본인 개발자가 github를 통해 공개한 jquery.browser.sp.js 입니다.

사용 방법은 간단합니다.

<script src="jquery.js"></script>

<script src="jquery.browser.sp.js"></script>

기본적으로 jquery의 플러그인이기 때문에 jquery core의 js를 추가하시고 jquery.browser.sp.js를 추가해주시면 됩니다.

아래는 각 agent를 확인하는 방법 입니다.

browse object	browser
$.browser.ua	shortcut navigator.userAgent.toLowerCase()
$.browser.android	Android browse is true
$.browser.iphone	iPhone's Safari is true
$.browser.ipod	iPod touch's Safari is true
$.browser.ipad	iPad's Safari is true
$.browser.ios	iOS's Safari is true
$.browser.tablet	Android's tablet and iPad is true
$.browser.version	OS version

예를 들어서 iphone 사용자를 확인할 경우에

if($.browser.iphone){

alert('iPhone 사용자 입니다.');

}

위와 같이 확인할 수 있습니다.