[자바스크립트] PC, MOBILE 구별하기

 

2020.12.01

 

댓글에 이렇게 써져 있어서 참고할겸 캡쳐했다.

어차피 실제 사이트에서는 저런 소스 안쓴다. 개발자가 알아서 조절한다. 

단지 저런게 있구나. 하고 알 겸 쓴건데. 환장한다며 쓰지마라고 누가 만들어서 퍼트리니 마니 그러니까 

혹시나 내 블로그 보고 따라 쓸 것 같아서 맨위에 올려둔다. 

알아서 걸러 보길..

 

 

 

---

 

 

 

* 스크립트로 PC와 MOBILE 구별 할 때.

 

 

"win16|win32|win64|mac|macintel";

Win16 : 16비트 윈도위기반 컴퓨터
Win32 : 32비트 윈도위기반 컴퓨터
Win64 : 64비트 윈도위기반 컴퓨터
Mac : 매킨토시컴퓨터
MacIntel  :  인텔CPU 를 가진 매킨토시 컴퓨터 

 

 

// 모바일 위주로 구별
var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'Windows CE;', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson', 'Mobile', 'Symbian', 'Opera Mobi', 'Opera Mini', 'IEmobile');
  for (var word in mobileKeyWords) {
    if (navigator.userAgent.match(mobileKeyWords[word]) != null) {
    	window.location.href = "https://m.xn--mb0b90x8oj2mav10dda.com/event/2020newyear/";
   		break;
  }
}


// PC, MOBILE 구별
function deviceCheck() {
    // 디바이스 종류 설정
    var pcDevice = "win16|win32|win64|mac|macintel";
 
    // 접속한 디바이스 환경
    if ( navigator.platform ) {
        if ( pcDevice.indexOf(navigator.platform.toLowerCase()) < 0 ) {
            console.log('MOBILE');
        } else {
            console.log('PC');
        }
    }
}

 

 

* 콘솔이나 알럿으로 확인 가능하다.

navigator.appCodeName : 웹브라우저 코드이름
navigator.appName : 웹브라우저 이름
navigator.appVersion : 웹브라우저 버전
navigator.cookieEnabled : 웹브라우저 쿠키 사용 가능 유무
navigator.language : 웹브라우저 언어
navigator.onLine : 사용자 온라인 상태 여부
navigator.platform : 플랫폼
navigator.userAgent : 브라우저 구분값(웹브라우저 이름 전체)

 

 

 

* 자바스크립트 navigator userAgesnt 종류

 

익스플러 11  :

Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; InfoPath.3; rv:11.0) like Gecko 

익스플러 edge :

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586 

크롬 :

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.99 Safari/537.36

파이어폭스  : 

Mozilla/5.0 (Windows NT 10.0; WOW64; rv:43.0) Gecko/20100101 Firefox/43.0 

네이버 웨일 :

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.49 Whale/0.5.12.4 Safari/537.36

 

var userAgent=navigator.userAgent.toLowerCase();
var browser;

if(userAgent.indexOf('edge')>-1){

	browser='익스플로러 엣지';
    
} else if (userAgent.indexOf('whale')>-1){

	browser='네이버 웨일';
    
} else if (userAgent.indexOf('chrome')>-1){

	browser='크롬';
    
} else if (userAgent.indexOf('firefox')>-1){

	browser='파이어폭스';
    
} else {

	browser='익스플로러';
    
}

 

 

 

 

 

 

---

참고 : https://kcmschool.com/156 

참고 : https://thingsthis.tistory.com/162

참고 : https://jang8584.tistory.com/225