본문으로 바로가기

반응형 웹을 만들다가 똑같은 웹인데 모바일로 접속했는지, PC로 접속했는지를 jQuery 로 구분해야하는게 필요했다.

그래서 검색하다가 jQuery.browser로 사용한 예시를 보고 쓰려고했는데

jQeury.browser($.browser)가 Browser Detection 문제로 jQuery 1.9에서는 삭제 됐다는 정보를 발견했다.

$.browser: Ever since jQuery 1.4, we’ve been evangelizing that browser detection via the user agent string is a bad idea. Yet we’ve been an enabler of bad practice by continuing to offer $.browser. As of jQuery 1.9 we’ll remove it entirely and you’ll need to use the 1.9 compat plugin. If your code isn’t weaned off browser detection yet, check out Modernizr for a very thorough set of feature detections you can use instead. And of course, you’re welcome to read the tea leaves in the navigator.userAgent string directly, there’s nothing stopping you but your conscience.

jQuery에서는 $.support를 이용하거나 별도의 plugin을 추천한다고 되어 있었지만, 

좀 더 찾아본 결과 navigator를 사용하는 다른 간단한 방법을 찾았다.


딱 모바일인지 PC인지 구분하기 위함이라면 다음 소스를 그대로 사용해도된다


var filter = "win16|win32|win64|mac|macintel";

if ( navigator.platform ) {
	if ( filter.indexOf( navigator.platform.toLowerCase() ) < 0 ) {
		//mobile
		alert('mobile 접속');
	} else {
		//pc
		alert('pc 접속');
	}
}

추가로 각 언어별로 모바일인지 PC인지 구분해주는 소스코드를 제공해주는 사이트라고한다.

PHP 로 된 소스코드를 다운받아 얼핏 보니 그럴싸한데 사용은 안해봤다 

참고하실분은 들어가보시길..

http://detectmobilebrowsers.com/


참고사이트 

http://www.lovelyredsky.com/red/jquery-browser-%EC%82%AD%EC%A0%9C-browser-detection-%EB%AC%B8%EC%A0%9C/

http://wooreeweb.com/lecture/archives/1705


댓글을 달아 주세요

  1. jtestppxx 2017.10.29 16:25

    감사합니다. 소스 응용해서 잘 사용하고 있습니다.

  2. dongb94 2017.12.18 07:32

    고마워요!

  3. 2020.03.09 17:22

    비밀댓글입니다

  4. Favicon of https://j4bez.tistory.com BlogIcon J4BEZ 신고">2020.05.14 20:06 신고

    하와와.. 감사합니다 코드 잘 사용할게요!

  5. zeronine 2020.05.19 15:20

    iphone x 시리즈는 macintel 이걸로 분류가 되네요... 묘하고 이상하네요;

  6. CJS 2020.07.17 14:49

    감사합니다 잘 사용할게요

  7. dbsstar0116 2020.09.14 08:30

    감사합니다~

  8. 강창돈 2020.10.26 00:21

    window와 Mac PC구분하는 방법은 어떻게 되는지요