How to detect Safari Chrome IE Firefox and Opera browser

Question

I have 5 addons extensions for FF  Chrome  IE  Opera  and Safari    How can I recognize the user browser and redirect  once an install button has been clicked  to download the corresponding addon

User · Answer

You can try following way to check Browser version        lt  DOCTYPE html gt       lt html gt       lt body gt       lt p gt What is the name s  of your browser  lt  p gt       lt button onclick  myFunction    gt Try it lt  button gt       lt p id  demo  gt  lt  p gt       lt script gt       function myFunction           if  navigator userAgent indexOf  Opera      navigator userAgent indexOf  OPR       -1                  alert  Opera              else if navigator userAgent indexOf  Chrome      -1                 alert  Chrome              else if navigator userAgent indexOf  Safari      -1                alert  Safari              else if navigator userAgent indexOf  Firefox      -1                   alert  Firefox              else if  navigator userAgent indexOf  MSIE      -1         document documentMode    true      IF IE  gt  10             alert  IE                 else               alert  unknown                     lt  script gt        lt  body gt       lt  html gt        And if you need to know only IE Browser version then you can follow below code  This code works well for version IE6 to IE11   lt  DOCTYPE html gt   lt html gt   lt body gt    lt p gt Click on Try button to check IE Browser version  lt  p gt    lt button onclick  getInternetExplorerVersion    gt Try it lt  button gt    lt p id  demo  gt  lt  p gt    lt script gt  function getInternetExplorerVersion        var ua   window navigator userAgent          var msie   ua indexOf  MSIE             var rv   -1           if  msie  gt  0      navigator userAgent match  Trident  rv  11              If Internet Explorer  return version number                                       if  isNaN parseInt ua substring msie   5  ua indexOf      msie                          For IE 11  gt                  if  navigator appName     Netscape                         var ua   navigator userAgent                      var re   new RegExp  Trident   rv   0-9  1     0-9  0                           if  re exec ua     null                            rv   parseFloat RegExp  1                           alert rv                                                           else                       alert  otherbrowser                                                else                     For  lt  IE11                 alert parseInt ua substring msie   5  ua indexOf      msie                                return false              lt  script gt    lt  body gt   lt  html gt

User · Answer

Detecting Browser and Its version This code snippet is based on the article from MDN  Where they gave a brief hint about various keywords that can be used to detect the browser name   The data shown in the image above is not sufficient for detecting all the browsers e g  userAgent of Firefox will have Fxios as a keyword rather than Firefox  A few changes are also done to detect browsers like Edge and UCBrowser The code is currently tested for the following browsers by changing userAgent with the help of dev-tools  How to change userAgent    FireFox Chrome IE Edge Opera Safari UCBrowser   x000D   x000D  getBrowser        gt        const userAgent   navigator userAgent      let browser    unkown          Detect browser name     browser     ucbrowser i  test userAgent     UCBrowser    browser      browser     edg i  test userAgent     Edge    browser      browser     googlebot i  test userAgent     GoogleBot    browser      browser     chromium i  test userAgent     Chromium    browser      browser     firefox fxios i  test userAgent   amp  amp     seamonkey i  test userAgent     Firefox    browser      browser       msie trident i  test userAgent   amp  amp     ucbrowser i  test userAgent     IE    browser      browser     chrome crios i  test userAgent   amp  amp     opr opera chromium edg ucbrowser googlebot i  test userAgent     Chrome    browser       browser     safari i  test userAgent   amp  amp     chromium edg ucbrowser chrome crios opr opera fxios firefox i  test userAgent     Safari    browser      browser     opr opera i  test userAgent     Opera    browser          detect browser version     switch  browser            case  UCBrowser   return    browser    browserVersion userAgent   ucbrowser      d      i             case  Edge   return    browser    browserVersion userAgent   edge edga edgios edg      d      i             case  GoogleBot   return    browser    browserVersion userAgent   googlebot      d      i             case  Chromium   return    browser    browserVersion userAgent   chromium      d      i             case  Firefox   return    browser    browserVersion userAgent   firefox fxios      d      i             case  Chrome   return    browser    browserVersion userAgent   chrome crios      d      i             case  Safari   return    browser    browserVersion userAgent   safari      d      i             case  Opera   return    browser    browserVersion userAgent   opera opr      d      i             case  IE   const version   browserVersion userAgent   trident      d      i                  IE version is mapped using trident version                 IE 8 0   Trident 4 0  IE 9 0   Trident 5 0             return version      browser    parseFloat version    4 0        browser  7 0           default  return  unknown 0 0 0 0            browserVersion    userAgent regex    gt        return userAgent match regex    userAgent match regex  2    null     console log getBrowser     x000D   x000D   x000D

User · Answer

const isChrome    Chrome  test navigator userAgent  const isFirefox    Firefox  test navigator userAgent

User · Answer

Simple   x000D   x000D  var OSName  Unknown OS   if  navigator appVersion indexOf  Win    -1  OSName  Windows   if  navigator appVersion indexOf  Mac    -1  OSName  MacOS   if  navigator appVersion indexOf  X11    -1  OSName  UNIX   if  navigator appVersion indexOf  Linux    -1  OSName  Linux   if  navigator appVersion indexOf  Linux x86 64    -1  OSName  Ubuntu    var nVer   navigator appVersion  var nAgt   navigator userAgent  var browserName    navigator appName  var fullVersion       parseFloat navigator appVersion    var majorVersion   parseInt navigator appVersion 10   var nameOffset verOffset ix      In Opera  the true version is after  Opera  or after  Version  if   verOffset nAgt indexOf  Opera     -1     browserName    Opera    fullVersion   nAgt substring verOffset 6    if   verOffset nAgt indexOf  Version     -1      fullVersion   nAgt substring verOffset 8        In MSIE  the true version is after  MSIE  in userAgent else if   verOffset nAgt indexOf  MSIE     -1     browserName    Microsoft Internet Explorer    fullVersion   nAgt substring verOffset 5        In Chrome  the true version is after  Chrome   else if   verOffset nAgt indexOf  Chrome     -1     browserName    Chrome    fullVersion   nAgt substring verOffset 7        In Safari  the true version is after  Safari  or after  Version   else if   verOffset nAgt indexOf  Safari     -1     browserName    Safari    fullVersion   nAgt substring verOffset 7    if   verOffset nAgt indexOf  Version     -1      fullVersion   nAgt substring verOffset 8        In Firefox  the true version is after  Firefox   else if   verOffset nAgt indexOf  Firefox     -1     browserName    Firefox    fullVersion   nAgt substring verOffset 8        In most other browsers   name version  is at the end of userAgent  else if    nameOffset nAgt lastIndexOf      1   lt              verOffset nAgt lastIndexOf             browserName   nAgt substring nameOffset verOffset    fullVersion   nAgt substring verOffset 1    if  browserName toLowerCase    browserName toUpperCase        browserName   navigator appName          trim the fullVersion string at semicolon space if present if   ix fullVersion indexOf        -1     fullVersion fullVersion substring 0 ix   if   ix fullVersion indexOf        -1     fullVersion fullVersion substring 0 ix    majorVersion   parseInt    fullVersion 10   if  isNaN majorVersion      fullVersion       parseFloat navigator appVersion     majorVersion   parseInt navigator appVersion 10      document write       Hey  i see you  re using   browserName     lt br gt      The full version of it is   fullVersion     lt br gt      Your major version is   majorVersion     lt br gt      And your  navigator appName  is   navigator appName     lt br gt      Your  navigator userAgent  is   navigator userAgent     lt br gt      document write  And  your OS is   OSName     lt br gt     x000D   x000D   x000D

User · Answer

Here are several prominent libraries that handle browser detection as of Dec 2019.

Bowser by lancedikson - 4,065?s - Last updated Oct 2, 2019 - 4.8KB

_x000D_

var result = bowser.getParser(window.navigator.userAgent);_x000D_
console.log(result);_x000D_
document.write("You are using " + result.parsedResult.browser.name +_x000D_
               " v" + result.parsedResult.browser.version + _x000D_
               " on " + result.parsedResult.os.name);

_x000D_

<script src="https://unpkg.com/[email protected]/es5.js"></script>

_x000D_

*supports Edge based on Chromium

Platform.js by bestiejs - 2,550?s - Last updated Apr 14, 2019 - 5.9KB

_x000D_

console.log(platform);_x000D_
document.write("You are using " + platform.name +_x000D_
               " v" + platform.version + _x000D_
               " on " + platform.os);

_x000D_

<script src="https://cdnjs.cloudflare.com/ajax/libs/platform/1.3.5/platform.min.js"></script>

_x000D_

jQuery Browser by gabceb - 504?s - Last updated Nov 23, 2015 - 1.3KB

_x000D_

console.log($.browser)_x000D_
document.write("You are using " + $.browser.name +_x000D_
               " v" + $.browser.versionNumber + _x000D_
               " on " + $.browser.platform);

_x000D_

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>_x000D_
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-browser/0.1.0/jquery.browser.min.js"></script>

_x000D_

Detect.js (Archived) by darcyclarke - 522?s - Last updated Oct 26, 2015 - 2.9KB

_x000D_

var result = detect.parse(navigator.userAgent);_x000D_
console.log(result);_x000D_
document.write("You are using " + result.browser.family +_x000D_
               " v" + result.browser.version + _x000D_
               " on " + result.os.family);

_x000D_

<script src="https://cdnjs.cloudflare.com/ajax/libs/Detect.js/2.2.2/detect.min.js"></script>

_x000D_

Browser Detect (Archived) by QuirksMode - Last updated Nov 14, 2013 - 884B

_x000D_

console.log(BrowserDetect)_x000D_
document.write("You are using " + BrowserDetect.browser +_x000D_
               " v" + BrowserDetect.version + _x000D_
               " on " + BrowserDetect.OS);

_x000D_

<script src="https://kylemit.github.io/libraries/libraries/BrowserDetect.js"></script>

_x000D_

Notable Mentions:

WhichBrowser - 1,355?s - Last updated Oct 2, 2018
Modernizr - 23,397?s - Last updated Jan 12, 2019 - To feed a fed horse, feature detection should drive any canIuse style questions. Browser detection is really just for providing customized images, download files, or instructions for individual browsers.

In case anyone finds this useful  I ve made Rob W s answer into a function that returns the browser string rather than having multiple variables floating about  Since the browser also can t really change without loading all over again  I ve made it cache the result to prevent it from needing to work it out the next time the function is called    x000D   x000D      x000D     Gets the browser name or returns an empty string if unknown   x000D     This function also caches the result to provide for any  x000D     future calls this function has  x000D     x000D      returns  string  x000D      x000D  var browser   function     x000D         Return cached result if avalible  else get result then cache it  x000D      if  browser prototype  cachedResult  x000D          return browser prototype  cachedResult  x000D   x000D         Opera 8 0  x000D      var isOpera      window opr  amp  amp    opr addons       window opera    navigator userAgent indexOf   OPR     gt   0  x000D   x000D         Firefox 1 0  x000D      var isFirefox   typeof InstallTrigger      undefined   x000D   x000D         Safari 3 0    object HTMLElementConstructor    x000D      var isSafari    constructor i test window HTMLElement      function  p    return p toString         object SafariRemoteNotification        window  safari      safari pushNotification   x000D   x000D         Internet Explorer 6-11 x000D      var isIE      cc on    false      document documentMode  x000D   x000D         Edge 20  x000D      var isEdge    isIE  amp  amp    window StyleMedia  x000D   x000D         Chrome 1  x000D      var isChrome     window chrome  amp  amp    window chrome webstore  x000D   x000D         Blink engine detection x000D      var isBlink    isChrome    isOpera   amp  amp    window CSS  x000D   x000D      return browser prototype  cachedResult   x000D          isOpera    Opera    x000D          isFirefox    Firefox    x000D          isSafari    Safari    x000D          isChrome    Chrome    x000D          isIE    IE    x000D          isEdge    Edge    x000D          isBlink    Blink    x000D           Don t know   x000D     x000D   x000D  console log browser     x000D   x000D   x000D

User · Answer

You can use Detect-browser js  JavaScript library that detects and prints an object of browser information including browser language name  user agent  device type  user OS  referer  online 0ffline  user timezone  screen resolution  and cookie enabled   Get it from here detect-browser js  it will give you something like that

User · Answer

var BrowserDetect             init  function                  this browser   this searchString this dataBrowser      Other               this version   this searchVersion navigator userAgent     this searchVersion navigator appVersion      Unknown                      searchString  function  data                for  var i   0  i  lt  data length  i                      var dataString   data i  string                  this versionSearchString   data i  subString                   if  dataString indexOf data i  subString      -1                        return data i  identity                                                     searchVersion  function  dataString                var index   dataString indexOf this versionSearchString               if  index     -1                    return                             var rv   dataString indexOf  rv                 if  this versionSearchString      Trident   amp  amp  rv     -1                    return parseFloat dataString substring rv   3                  else                   return parseFloat dataString substring index   this versionSearchString length   1                                      dataBrowser                 string  navigator userAgent  subString   Edge   identity   MS Edge                 string  navigator userAgent  subString   MSIE   identity   Explorer                 string  navigator userAgent  subString   Trident   identity   Explorer                 string  navigator userAgent  subString   Firefox   identity   Firefox                 string  navigator userAgent  subString   Opera   identity   Opera                   string  navigator userAgent  subString   OPR   identity   Opera                    string  navigator userAgent  subString   Chrome   identity   Chrome                  string  navigator userAgent  subString   Safari   identity   Safari                                BrowserDetect init          var bv  BrowserDetect browser      if  bv     Chrome               body   addClass  chrome              else if bv     MS Edge            body   addClass  edge              else if bv     Explorer            body   addClass  ie              else if bv     Firefox            body   addClass  Firefox                relative   click function        oc   toggle  slide     direction   left   mode   show     500       oc1   css       width     100        margin-left     0px

User · Answer

This combines both Rob s original answer and Pilau s update for 2016       var isOpera     window opera    navigator userAgent indexOf   OPR     gt   0         Opera 8 0   UA detection to detect Blink v8-powered Opera  var isFirefox   typeof InstallTrigger      undefined        Firefox 1 0  var isSafari   Object prototype toString call window HTMLElement  indexOf  Constructor    gt  0         At least Safari 3     object HTMLElementConstructor   var isChrome     window chrome  amp  amp   isOpera                  Chrome 1  var isIE      cc on    false      document documentMode     Edge 20  var isEdge    isIE  amp  amp    window StyleMedia     Chrome 1  var output    Detecting browsers by ducktyping  lt hr gt    output     isFirefox      isFirefox     lt br gt    output     isChrome      isChrome     lt br gt    output     isSafari      isSafari     lt br gt    output     isOpera      isOpera     lt br gt    output     isIE      isIE     lt br gt    output     isIE Edge      isEdge     lt br gt    document body innerHTML   output

User · Answer

If you need to know what is the numeric version of some particular browser you can use the following snippet  Currently it will tell you the version of Chrome Chromium Firefox   var match    window navigator userAgent match     Chrom   e ium  Firefox     0-9         var ver   match   parseInt match 1   10    0

User · Answer

UAParser is one of the lightweight JavaScript Library to identify browser, engine, OS, CPU, and device type/model from userAgent string.

There's an CDN available. Here, I have included a example code to detect browser using UAParser.

<!doctype html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/ua-parser-js@0/dist/ua-parser.min.js"></script>
<script type="text/javascript">
    var parser = new UAParser();
    var result = parser.getResult();
    console.log(result.browser);     // {name: "Chromium", version: "15.0.874.106"}
</script>
</head>
<body>
</body>
</html>

Now you can use the value of result.browser to conditionally program your page.

Source Tutorial: How to detect browser, engine, OS, CPU, and device using JavaScript?

User · Answer

Short variant  update 10 july 2020 mobile browser detection fix   x000D   x000D  var browser    function         var test   function regexp   return regexp test window navigator userAgent       switch  true            case test  edg i   return  Microsoft Edge           case test  trident i   return  Microsoft Internet Explorer           case test  firefox fxios i   return  Mozilla Firefox           case test  opr   i   return  Opera           case test  ucbrowser i   return  UC Browser           case test  samsungbrowser i   return  Samsung Browser           case test  chrome chromium crios i   return  Google Chrome           case test  safari i   return  Apple Safari           default  return  Other               console log browser  x000D   x000D   x000D

User · Answer

Here s a 2016 adjusted version of Rob s answer  including Microsoft Edge and detection of Blink    edit  I updated Rob s answer above with this information     x000D   x000D     Opera 8 0   UA detection to detect Blink v8-powered Opera  x000D  isOpera     window opera    navigator userAgent indexOf   OPR     gt   0  x000D     Firefox 1 0  x000D  isFirefox   typeof InstallTrigger      undefined   x000D     Safari 3 0  x000D  isSafari    constructor i test window HTMLElement      function  p    return p toString         object SafariRemoteNotification        window  safari      safari pushNotification   x000D     Internet Explorer 6-11 x000D  isIE      cc on    false      document documentMode  x000D     Edge 20  x000D  isEdge    isIE  amp  amp    window StyleMedia  x000D     Chrome 1  x000D  isChrome     window chrome  amp  amp    window chrome webstore  x000D     Blink engine detection x000D  isBlink    isChrome    isOpera   amp  amp    window CSS  x000D   x000D     Results     x000D  console log  isOpera   isOpera   x000D  console log  isFirefox   isFirefox   x000D  console log  isSafari   isSafari   x000D  console log  isIE   isIE   x000D  console log  isEdge   isEdge   x000D  console log  isChrome   isChrome   x000D  console log  isBlink   isBlink   x000D   x000D   x000D    The beauty of this approach is that it relies on browser engine properties  so it covers even derivative browsers  such as Yandex or Vivaldi  which are practically compatible with the major browsers whose engines they use  The exception is Opera  which relies on user agent sniffing  but today  i e  ver  15 and up  even Opera is itself only a shell for Blink

User · Answer

Here you find out which browser is it running   function isValidBrowser navigator                var isChrome    navigator indexOf  chrome                isFireFox  navigator indexOf  firefox                isIE   navigator indexOf  trident                 isValidChromeVer   parseInt navigator substring isChrome 7  isChrome 8    gt   4              isValidFireForVer   parseInt navigator substring isFireFox 8  isFireFox 9    gt   3              isValidIEVer   parseInt navigator substring isIE 8  isIE 9    gt   7               if  isChrome  gt  -1  amp  amp  isValidChromeVer   console log  Chrome Browser                 if isFireFox  gt  -1  amp  amp  isValidFireForVer   console log  FireFox  Browser                 if isIE  gt  -1  amp  amp  isValidIEVer    console log  IE Browser

User · Answer

We can use below util methods  utils isIE   function              var ver   navigator userAgent          return ver indexOf  MSIE       -1    ver indexOf  Trident       -1     need to check for Trident for IE11             utils isIE32   function              return  utils isIE    amp  amp  navigator appVersion indexOf  Win64       -1               utils isChrome   function              return  window chrome               utils isFF64   function              var agent   navigator userAgent          return  agent indexOf  Win64    gt   0  amp  amp  agent indexOf  Firefox    gt   0               utils isFirefox   function              return  navigator userAgent toLowerCase   indexOf  firefox    gt  -1

User · Answer

Detecting Browsers on Desktop and Mobile : Edge, Opera, Chrome, Safari, Firefox, IE

I did some changes in @nimesh code now it is working for Edge also, and Opera issue fixed:

function getBrowserName() {

    if ( navigator.userAgent.indexOf("Edge") > -1 && navigator.appVersion.indexOf('Edge') > -1 ) {
        return 'Edge';
    }
    else if( navigator.userAgent.indexOf("Opera") != -1 || navigator.userAgent.indexOf('OPR') != -1 )
    {
        return 'Opera';
    }
    else if( navigator.userAgent.indexOf("Chrome") != -1 )
    {
        return 'Chrome';
    }
    else if( navigator.userAgent.indexOf("Safari") != -1)
    {
        return 'Safari';
    }
    else if( navigator.userAgent.indexOf("Firefox") != -1 ) 
    {
        return 'Firefox';
    }
    else if( ( navigator.userAgent.indexOf("MSIE") != -1 ) || (!!document.documentMode == true ) ) //IF IE > 10
    {
        return 'IE';
    }  
    else 
    {
        return 'unknown';
    }
}

Thanks @nimesh user:2063564

User · Answer

Here is my customized solution          const inBrowser   typeof window      undefined          const UA   inBrowser  amp  amp  window navigator userAgent toLowerCase           const isIE             UA  amp  amp     msie trident i test UA   amp  amp    ucbrowser i test UA  test UA          const isEdge   UA  amp  amp   edg i test UA          const isAndroid   UA  amp  amp  UA indexOf  android    gt  0         const isIOS   UA  amp  amp   iphone ipad ipod ios i test UA          const isChrome             UA  amp  amp             chrome crios i test UA   amp  amp              opr opera chromium edg ucbrowser googlebot i test UA          const isGoogleBot   UA  amp  amp   googlebot i test UA          const isChromium   UA  amp  amp   chromium i test UA          const isUcBrowser   UA  amp  amp   ucbrowser i test UA          const isSafari             UA  amp  amp             safari i test UA   amp  amp              chromium edg ucbrowser chrome crios opr opera fxios firefox i test UA          const isFirefox   UA  amp  amp   firefox fxios i test UA   amp  amp    seamonkey i test UA          const isOpera   UA  amp  amp   opr opera i test UA          const isMobile               b BlackBerry webOS iPhone IEMobile  b i test UA                 b Android Windows Phone iPad iPod  b i test UA          const isSamsung   UA  amp  amp   samsungbrowser i test UA          const isIPad   UA  amp  amp   ipad  test UA          const isIPhone   UA  amp  amp   iphone  test UA          const isIPod   UA  amp  amp   ipod  test UA               console log             UA            isAndroid            isChrome            isChromium            isEdge            isFirefox            isGoogleBot            isIE            isMobile            isIOS            isIPad            isIPhone            isIPod            isOpera            isSafari            isSamsung            isUcBrowser

User · Answer

You can use try and catch to use the different browser error messages  IE and edge were mixed up  but I used the duck typing from Rob W  based on this project here  https   www khanacademy org computer-programming i-have-opera 2395080328    var getBrowser   function                 try           var e          var f   e width        catch e            var err   e toString             if err indexOf  not an object       -1                return  safari             else if err indexOf  Cannot read       -1                return  chrome             else if err indexOf  e is undefined       -1                return  firefox             else if err indexOf  Unable to get property  width  of undefined or null reference       -1                if   false      document documentMode   amp  amp    window StyleMedia                    return  edge                 else                   return  IE                           else if err indexOf  cannot convert e into object       -1                return  opera             else               return undefined

User · Answer

Simple  single line of JavaScript code will give you the name of browser   function GetBrowser         return  navigator   navigator userAgent toLowerCase      other

User · Answer

Googling for browser reliable detection often results in checking the User agent string  This method is not reliable  because it s trivial to spoof this value  I ve written a method to detect browsers by duck-typing  Only use the browser detection method if it s truly necessary  such as showing browser-specific instructions to install an extension  Use feature detection when possible  Demo  https   jsfiddle net 6spj1059   x000D   x000D     Opera 8 0  var isOpera      window opr  amp  amp    opr addons       window opera    navigator userAgent indexOf   OPR     gt   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       typeof safari      undefined   amp  amp  window  safari   pushNotification        Internet Explorer 6-11 var isIE      cc on    false      document documentMode      Edge 20  var isEdge    isIE  amp  amp    window StyleMedia      Chrome 1 - 79 var isChrome     window chrome  amp  amp     window chrome webstore      window chrome runtime       Edge  based on chromium  detection var isEdgeChromium   isChrome  amp  amp   navigator userAgent indexOf  Edg      -1       Blink engine detection var isBlink    isChrome    isOpera   amp  amp    window CSS    var output    Detecting browsers by ducktyping  lt hr gt    output     isFirefox      isFirefox     lt br gt    output     isChrome      isChrome     lt br gt    output     isSafari      isSafari     lt br gt    output     isOpera      isOpera     lt br gt    output     isIE      isIE     lt br gt    output     isEdge      isEdge     lt br gt    output     isEdgeChromium      isEdgeChromium     lt br gt    output     isBlink      isBlink     lt br gt    document body innerHTML   output  x000D   x000D   x000D   Analysis of reliability The previous method depended on properties of the rendering engine  -moz-box-sizing and -webkit-transform  to detect the browser  These prefixes will eventually be dropped  so to make detection even more robust  I switched to browser-specific characteristics   Internet Explorer  JScript s Conditional compilation  up until IE9  and document documentMode  Edge  In Trident and Edge browsers  Microsoft s implementation exposes the StyleMedia constructor  Excluding Trident leaves us with Edge  Edge  based on chromium   The user agent include the value  quot Edg  version  quot  at the end  ex   quot Mozilla 5 0  Windows NT 10 0  Win64  x64  AppleWebKit 537 36  KHTML  like Gecko  Chrome 80 0 3987 16 Safari 537 36 Edg 80 0 361 9 quot    Firefox  Firefox s API to install add-ons  InstallTrigger Chrome  The global chrome object  containing several properties including a documented chrome webstore object  Update 3 chrome webstore is deprecated and undefined in recent versions Safari  A unique naming pattern in its naming of constructors  This is the least durable method of all listed properties and guess what  In Safari 9 1 3 it was fixed  So we are checking against SafariRemoteNotification  which was introduced after version 7 1  to cover all Safaris from 3 0 and upwards  Opera  window opera has existed for years  but will be dropped when Opera replaces its engine with Blink   V8  used by Chromium   Update 1  Opera 15 has been released  its UA string looks like Chrome  but with the addition of  quot OPR quot   In this version the chrome object is defined  but chrome webstore isn t   Since Opera tries hard to clone Chrome  I use user agent sniffing for this purpose  Update 2    window opr  amp  amp  opr addons can be used to detect Opera 20   evergreen   Blink  CSS supports   was introduced in Blink once Google switched on Chrome 28  It s of course  the same Blink used in Opera   Successfully tested in   Firefox 0 8 - 61 Chrome 1 0 - 71 Opera 8 0 - 34 Safari 3 0 - 10 IE 6 - 11 Edge - 20-42 Edge Dev - 80 0 361 9   Updated in November 2016 to include detection of Safari browsers from 9 1 3 and upwards Updated in August 2018 to update the latest successful tests on chrome  firefox IE and edge  Updated in January 2019 to fix chrome detection  because of the window chrome webstore deprecation  and include the latest successful tests on chrome  Updated in December 2019 to add Edge based on Chromium detection  based on the  Nimesh comment

User · Answer

I know it may be overkill to use a lib for that  but just to enrich the thread  you could check is js way of doing this   is firefox    is ie 6   is not safari

User · Answer

Thank you  everybody  I tested the code snippets here on the recent browsers  Chrome 55  Firefox 50  IE 11 and Edge 38 and I came up with the following combination that worked for me for all of them  I m sure it can be improved  but it s a quick solution for whoever needs   var browser name       isIE      cc on    false      document documentMode  isEdge    isIE  amp  amp    window StyleMedia  if navigator userAgent indexOf  Chrome      -1  amp  amp   isEdge        browser name    chrome     else if navigator userAgent indexOf  Safari      -1  amp  amp   isEdge        browser name    safari     else if navigator userAgent indexOf  Firefox      -1          browser name    firefox     else if  navigator userAgent indexOf  MSIE      -1         document documentMode    true      IF IE  gt  10       browser name    ie     else if isEdge        browser name    edge     else       browser name    other-browser        html   addClass browser name     It adds a CSS class to the HTML  with the name of the browser

User · Answer

There is also a less  hacky  method which works for all popular browsers  Google has included a browser-check in their Closure Library  In particular  have a look at goog userAgent and goog userAgent product  In this way  you are also up to date if something changes in the way the browsers present themselves  given that you always run the latest version of the closure compiler

User · Answer

You can detect it like  if  typeof navigator      undefined   amp  amp  navigator userAgent  amp  amp  navigator userAgent toLowerCase   match  firefox    d           alert  Firefox

User · Answer

No idea if it is useful to anyone but here is a variant that would make TypeScript happy  export function getBrowser          Opera 8 0      if     window  quot opr quot    amp  amp      quot opr quot    quot addons quot         window  quot opera quot      navigator userAgent indexOf   OPR     gt   0            return  opera                 Firefox 1 0      if  typeof window  quot InstallTrigger quot        undefined             return  firefox                 Safari 3 0   quot  object HTMLElementConstructor  quot       if   constructor i test window  quot HTMLElement quot        function p    return p toString        quot  object SafariRemoteNotification  quot       window  safari       typeof window  quot safari quot        undefined   amp  amp  window  quot safari quot   pushNotification              return  safari                 Internet Explorer 6-11     if     cc on    false      document  quot documentMode quot              return  ie                 Edge 20      if       cc on    false      document  quot documentMode quot     amp  amp    window  quot StyleMedia quot              return  edge                 Chrome 1      if    window  quot chrome quot    amp  amp    window  quot chrome quot   webstore            return  chrome                 Blink engine detection     if      window  quot chrome quot    amp  amp    window  quot chrome quot   webstore         window  quot opr quot    amp  amp      quot opr quot    quot addons quot         window  quot opera quot      navigator userAgent indexOf   OPR     gt   0    amp  amp    window  quot CSS quot              return  blink

[javascript] How to detect Safari, Chrome, IE, Firefox and Opera browser?

The answer is

Bowser by lancedikson - 4,065?s - Last updated Oct 2, 2019 - 4.8KB

Platform.js by bestiejs - 2,550?s - Last updated Apr 14, 2019 - 5.9KB

jQuery Browser by gabceb - 504?s - Last updated Nov 23, 2015 - 1.3KB

Detect.js (Archived) by darcyclarke - 522?s - Last updated Oct 26, 2015 - 2.9KB

Browser Detect (Archived) by QuirksMode - Last updated Nov 14, 2013 - 884B

Notable Mentions:

Further Reading

Examples related to javascript

Examples related to browser-detection

Tags