본문 바로가기

javascript

navigator

const version = navigator.userAgent;
console.log(version);

const isWhale = /whale/i.test(version);
const isEdg = /edg/i.test(version);
const isMobile = /mobile/i.test(version);

if(isWhale) {
    console.log('Whale 브라우저로 접속했습니다.');
    document.querySelector('body').style.backgroundColor="pink";
}

if(isMobile) {
    console.log('Mobile로 접속했습니다.');
    document.querySelector('body').style.backgroundColor="lightgreen";
}

if(!isWhale && !isMobile) {
    console.log('Chrome 브라우저로 접속했습니다.');
    document.querySelector('body').style.backgroundColor="purple";
}

'javascript' 카테고리의 다른 글

호이스팅  (0) 2022.06.22
location  (0) 2022.06.22
키보드 관련 이벤트  (0) 2022.06.22
DOM요소에 클래스명 제어하기  (0) 2022.06.10
다양한 반복문을 이용하여 event 연결하기  (0) 2022.06.10