차근차근/JAVA Script

[Javascript] PC, MOBILE 구분하기 (Navigator 사용)

예쁜꽃이피었으면 2021. 12. 1. 11:23

https://thingsthis.tistory.com/162

 

[Javascript] PC, MOBILE 구분하기 (Navigator 사용)

최근 개발 중 PC, MOBILE 을 구분하여 처리하는 로직에서 오류가 발생하였습니다. 결제 모듈을 호출하는 부분에서 PC 모듈을 호출해야 하지만 MOBILE 모듈을 호출하여 발생한 문제였습니다. 지금까지

thingsthis.tistory.com

Win16 : 16비트 윈도위기반 컴퓨터

Win32 : 32비트 윈도위기반 컴퓨터

Win64 : 64비트 윈도위기반 컴퓨터

MacIntel  :  인텔CPU 를 가진 매킨토시 컴퓨터

Mac : 매킨토시컴퓨터

 

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

 

if (navigator.platform ) {

if (filter.indexOf(navigator.platform.toLowerCase()) < 0) {

vWebType = "MOBILE";

} else {

vWebType = "PC";

}

}

 

콘솔이나 알럿으로 확인 가능하겠습니다.

ex: console.log(navigator.userAgent);

 

navigator.appCodeName : 웹브라우저 코드이름

navigator.appName : 웹브라우저 이름

navigator.appVersion : 웹브라우저 버전

navigator.cookieEnabled : 웹브라우저 쿠키 사용 가능 유무

navigator.language : 웹브라우저 언어

navigator.onLine : 사용자 온라인 상태 여부

navigator.platform : 플랫폼

navigator.userAgent : 브라우저 구분값(웹브라우저 이름 전체)

 

 

 

=> macintel 를 추가하는 것이 좋은 방법이라고 생각되었는데

댓글에.. 

이런 코드 좀 쓰지 마세요.
PC OS가 windows와 macOS 밖에 없습니까? 리눅스도 있고 BSD도 있고 OS/2도 있고....
리눅스로 접속하면 모바일이라고 모바일 페이지 보내고 모바일 페이지에서는 모바일 기기 아니라고 데스크탑 페이지로 보내고... 환장합니다.
이거 누가 만들어서 퍼트리는지 모르겠네요. 우리나라 사이트에서만 쓰는 것 같은데...


이런게 있었다 그럼 어떻게 써야 하는 걸까..

 

https://7942yongdae.tistory.com/65

 

https://kkh0977.tistory.com/873

 

 


https://studyhardgogo.tistory.com/139

https://thingsthis.tistory.com/162

 

 

 

 

 

반응형