How To Detect Browser With Javascript

[{"selector":"#anim-05bebfc3-9ab7-4263-872b-c60ade2e9573","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cb54f685-4767-4abf-a49a-2c8235521361","keyframes":{"transform":["translate3d(0px, 214.03204%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4b9d8a7a-e162-43eb-9254-39691eaf21c8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-dcaacdf9-ba6c-4b8b-be80-73a225a3b611","keyframes":{"transform":["translate3d(0px, -778.3954%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] JS HOW TO DETECT BROWSER WITH JAVASCRIPT

[{"selector":"#anim-c1c8f5be-ce79-4a66-892f-b11a35ebfae1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b8026695-5d1d-4728-8379-eefcf59ed84d","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7aa4800a-ebef-453c-a459-c1e9b2466d58","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9d185c0d-74c4-4ea6-beab-a44035f45e8e","keyframes":{"transform":["translate3d(115.18987%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] CHROME if (navigator.userAgent.indexOf("Chrome") != -1 ) { console.log("Chrome"); } FIREFOX if (navigator.userAgent.indexOf("Firefox") != -1 ) { console.log("Firefox"); } READ THE USER AGENT 01 EDGE if (navigator.userAgent.indexOf("Edge") != -1 ) { console.log("Edge"); SAFARI if (navigator.userAgent.indexOf("Safari") != -1 ) { console.log("Safari");

[{"selector":"#anim-1961f2cb-ed89-40d5-a785-04aade6e1e39","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e20ab7ed-0fcf-4ab9-b613-305394e0eb6a","keyframes":{"transform":["translate3d(124.14966%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-833b2b69-452d-4313-aa96-7cb17bba1bd1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-de5acf74-9dc8-4f73-bde7-6add0638d329","keyframes":{"transform":["translate3d(-115.9864%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Detection Library - Bowser PARSE USER AGENT var result = bowser.getParser (navigator.userAgent).getResult(); BROWSER INFO console.log(result.browser.name); console.log(result.browser.version); console.log(result.engine); USE DETECTION LIBRARY 02

[{"selector":"#anim-b638b144-9818-4345-8849-9487336a155c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7398c5d9-e90b-4280-b7f1-23f8ed3cf511","keyframes":{"transform":["translate3d(-115.43409%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9e1ed97d-0bcb-4e81-88c7-f817ac1caab0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-85d25b51-db89-444a-bded-3e1f87a74579","keyframes":{"transform":["translate3d(0px, 157.11874%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Credits - David Walsh MOZ - FIREFOX WEBKIT - CHROME, SAFARI, OPERA, EDGE MS - OLD INTERNET EXPLORER & EDGE O - OLD OPERA var prefix = (Array.prototype.slice.call (window.getComputedStyle (document.documentElement, '')) .join('') .match(/-(moz|webkit|ms)-/))[1]; DETECT CSS PREFIX 03

[{"selector":"#anim-e0f9ee89-daaa-4bd0-aca0-c3dded663137","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-efd38dc7-7f62-4c75-9b83-9f26928a944e","keyframes":{"transform":["translate3d(115.18987%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Credits - StackOverflow var opera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent. indexOf(' OPR/') >= 0; var isFirefox = typeof InstallTrigger !== 'undefined'; var isIE = /*@cc_on!@*/false || !!document.documentMode; var isEdge = !isIE && !!window.StyleMedia; var isChrome = !!window.chrome; var isBlink = (isChrome || isOpera) && !!window.CSS; DUCK TYPING 04

[{"selector":"#anim-aafb3e9d-7b45-41d7-998b-d75940babb31","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-5aba2e68-1d9d-4f90-ad0e-74759efa70a7","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-c32cdd8b-3e3f-410a-b929-4d9741aeb321","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] FULL TUTORIAL VISIT & FOLLOW CODE BOXX YOUTUBE CODE BOXX PINTEREST