[크로스브라우징] IE로 접속하면 alert 띄우기

JJeong·2021년 5월 26일
0
agent = navigator.userAgent.toLowerCase(); 
if ( 
  (navigator.appName === 'Netscape' && navigator.userAgent.search('Trident') !== -1)
  || (agent.indexOf("msie") !== -1) 
) { 
    alert('Internet Explorer는 호환되지 않는 브라우저 입니다.') 
}

navigator 객체 안에 사용자가 어떤 브라우저로 접속했는지 알려주는 값이 들어있다. IE 11이 나오기 전까지는 agent.indexOf("msie") !== -1만 사용해서 판별할 수 있었다. 그러나 IE 11부터는 mise 대신 trident를 사용하기 시작해서 navigator.appName === 'Netscape' && navigator.userAgent.search('Trident') 코드를 추가하게 되었다.

+

React로는 alert만 띄울 수 있는 줄 알았는데 배너와 같은 컴포넌트도 보여줄 수 있는 것 같다. 아니 대체 어떻게 가능한 거지 이번 배포 때는 alert만 썼지만 개선할 때 응용해볼 수 있을 듯하다!
간단하게 적용해봤지만 아무것도 뜨지 않았다...😰 아예 App.js를 타지 못하는 것 같았다.

0개의 댓글