최근에는 웹에 접속하는 디바이스 숫자가 늘어나면서 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 사용자 입니다.');
}
위와 같이 확인할 수 있습니다.
[javascript] bit.ly 짧은주소 생성시 http와 https 프로토콜에 따른 api 호출주소 (0) | 2014.09.12 |
---|---|
[javascript] 크롬에서 window.close 가 안될때 (1) | 2014.01.06 |
[jquery] jquery autocomplete 한글 오류 (0) | 2013.10.24 |
[javascript] jQuery와 prototype 충돌 오류해결 (0) | 2013.07.09 |
[javascript] 자바스크립트로 첨부파일 확장자 체크 (8) | 2013.05.07 |
댓글 영역