How to detect browser with Angular?

Question

I need to detect if browser is IE or Edge with Angular (TypeScript). Is it possible? If so, how?

Answer 1

I have used this before and it worked well.

const isIEOrEdge = /msie\s|trident\/|edge\//i.test(window.navigator.userAgent) 

Answer 2

Please use the following code:

// Opera 8.0+      var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;        // Firefox 1.0+      var isFirefox = typeof InstallTrigger !== 'undefined';        // Safari 3.0+ "[object HTMLElementConstructor]"       var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || safari.pushNotification);        // Internet Explorer 6-11      var isIE = /*@cc_on!@*/false || !!document.documentMode;        // Edge 20+      var isEdge = !isIE && !!window.StyleMedia;        // Chrome 1+      //var isChrome = !!window.chrome && !!window.chrome.webstore;      // If isChrome is undefined, then use:      var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);      // Blink engine detection      var isBlink = (isChrome || isOpera) && !!window.CSS;        var output = 'Detecting browsers by ducktyping:<hr>';      output += 'isFirefox: ' + isFirefox + '<br>';      output += 'isChrome: ' + isChrome + '<br>';      output += 'isSafari: ' + isSafari + '<br>';      output += 'isOpera: ' + isOpera + '<br>';      output += 'isIE: ' + isIE + '<br>';      output += 'isEdge: ' + isEdge + '<br>';      output += 'isBlink: ' + isBlink + '<br>';      document.body.innerHTML = output;