[Javascript] navigator.userAgent 모바일 장비 구분하기

navigator.platform은 현재 사용 중인 플랫폼(운영 체제)을 가져오는 데 사용되지만, 이 속성은 deprecated 되었습니다.

대신에 사용할 수 있는 대안으로는 navigator.userAgent 속성을 활용하는 방법이 있습니다.

 

navigator.userAgent는 현재 브라우저에 대한 사용자 에이전트 문자열을 반환합니다. 

이 문자열에는 사용 중인 운영 체제에 대한 정보도 포함되어 있으므로, 이를 분석하여 플랫폼 정보를 가져올 수 있습니다.

 

var userAgent = navigator.userAgent;
var mobileDevices = ["Android", "webOS", "iPhone", "iPad", "iPod", "BlackBerry", "Windows Phone"];
var isMobile = false;

for (var i = 0; i < mobileDevices.length; i++) {
    if (userAgent.match(new RegExp(mobileDevices[i], "i"))) {
        isMobile = true;
        break;
    }
}

if (isMobile) {
    console.log("모바일 장치입니다.");
} else {
    console.log("모바일 장치가 아닙니다.");
}

 

 

https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgent

Navigator: userAgent property - Web APIs | MDN