티스토리 뷰

728x90


최근에는 웹에 접속하는 디바이스 숫자가 늘어나면서 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 objectbrowser
$.browser.uashortcut navigator.userAgent.toLowerCase()
$.browser.androidAndroid browse is true
$.browser.iphoneiPhone's Safari is true
$.browser.ipodiPod touch's Safari is true
$.browser.ipadiPad's Safari is true
$.browser.iosiOS's Safari is true
$.browser.tabletAndroid's tablet and iPad is true
$.browser.versionOS version


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

if($.browser.iphone){

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

}

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






728x90