javascript 자바스크립트 사용자 브라우저 확인하기

웹사이트를 개발하다보면 항상 무서운 일이 있다. 사용자들은 QA 팀보다도 강한 것 같다... 어떻게든 오류를 찾아내고 만든다. 일반적인 웹사이트라면 그다지 코어한 이슈는 아닐 지 몰라도, 결제가 들어가게 되는 순간 브라우저 이슈는 정말 무서운 이슈로 바뀌게 되는것이다...

 

한국 고객들을 상대로 웹사이트를 개발하면서 가장 두려웠던 브라우저... 익스플로러...

무섭게 생긴거 봐..

일단 얘 띠껍죠? 그러면 내가 만든 이 웹앱이 로드가 되는 순간 브라우저를 체크해서 인터넷 익스플로러면 팝업을 띄우던, 못들어가게 하던 하자고. 그러면 일단 이놈을 막을 코드를 준비해야지

 

Angular typescript를 사용중입니다. 하여튼 비슷하게 가니까 참고

1. 디바이스 감지 npm 설치
npm install device-detector-js

2. import 하기

import * as DeviceDetector from 'device-detector-js';

3. 사용

constructor(

public router: Router

)

 

const deviceDetector = new DeviceDetector();

const userAgentCheck = navigator.userAgent.toLowerCase();

const device = deviceDetector.parse(userAgentCheck);