JavaScript 활용팁
2017.06.03 / 15:43

[jQuery] 모바일로 접속했는지 PC로 접속했는지 구분 방법

추천 수 192

반응형 웹을 만들다가 똑같은 웹인데 모바일로 접속했는지, 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 ) {
		alert('mobile 접속');
	} else {
		alert('pc 접속');

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

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

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


출처: [shaking blog]