210329 개발일지(112일차) - javascript 에서 접속기기(Mobile 등) 확인하고 처리하는 법

navigator.platform 활용

브라우저에서 console창에 "navigator.platform"을 입력하면 아래와 같이 본인의 기기정보를 얻을 수 있다.

platform 종류는 아래의 예시보다 더 많을 것이다.

(출처 : https://www.geeksforgeeks.org/html-navigator-platform-property/)

따라서, 모바일 접속을 막고 싶거나 특정 기기 종류에 대한 접근을 막기 위해서 이를 활용하면 된다. 내가 사용한 코드는 아래와 같다.

let filter = "win16|win32|win64|mac|macintel";  // 접속 허용하고 싶은 기기 목록들

if ( navigator.platform 
    && filter.indexOf( navigator.platform.toLowerCase() ) < 0) {	//허용하고싶은 기기 목록에 없을 때
    alert("원는 경고창~");
    //원하는 코드 내용 적기
            }