How to detect Safari, Chrome, IE, Firefox and Opera browsers?

Question

I have 5 addons/extensions for Firefox, Chrome, Internet Explorer(IE), Opera, and Safari.

How can I correctly recognize the user browser and redirect (once an install button has been clicked) to download the corresponding addon?

detect.js is no longer maintained (according to github.com/darcyclarke/Detect.js), they recommend github.com/lancedikson/bowser — YakovL
– YakovL, Commented Apr 25, 2018 at 17:02
Possible duplicate of How can you detect the version of a browser? — KyleMit
– KyleMit ♦, Commented Feb 14, 2019 at 14:05
I'd like to re-surface this question - is there a reliable & simple answer to this yet? There are many (old) questions like this on SO and yet most of them work off the userAgent function which even w3schools acknowledges is inaccurate. I've tested some of the answers to this question and similar ones, and none of them seem reliable. If I'm better off asking a new question please let me know. — Scerno
– Scerno, Commented Mar 17, 2021 at 16:20

25 revs, 16 users 39% · Accepted Answer · 2020-11-23 20:38:25Z

2003

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/

// 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'] || (typeof safari !== 'undefined' && window['safari'].pushNotification));

// Internet Explorer 6-11
var isIE = /*@cc_on!@*/false || !!document.documentMode;

// Edge 20+
var isEdge = !isIE && !!window.StyleMedia;

// Chrome 1 - 79
var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);

// Edge (based on chromium) detection
var isEdgeChromium = isChrome && (navigator.userAgent.indexOf("Edg") != -1);

// 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 += 'isEdgeChromium: ' + isEdgeChromium + '<br>';
output += 'isBlink: ' + isBlink + '<br>';
document.body.innerHTML = output;

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 "Edg/[version]" at the end (ex: "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").
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 "OPR". 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 && 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).

edited Nov 23, 2020 at 20:38

community wiki

25 revs, 16 users 39%
Rob W

Sign up to request clarification or add additional context in comments.

82 Comments

nevf Over a year ago

FYI This doesn't work with Chrome Extensions as window.chrome.webstore is undefined there. Haven't checked it with Firefox Extensions. is.js mentioned elsewhere does work in both Chrome and Firefox Extensions.

user128511 Over a year ago

isSafari doesn't work with Safari 10. I'm going to argue this is a bad solution (not that I have a good one). There's no guarantee many of the things your checking for won't be removed OR won't be added by other browsers. Every site that was using this code for check for Safari just broke with macOS Sierra or Safari 10 upgrades :(

DrZ214 Over a year ago

But has this been tested on the mobile versions of those browsers as well as the desktop versions too? And truthfully, there are different mobile versions and different desktop versions per platform. So really, firefox has 3 binaries for Windows, Linux, Mac OS, and 2 binaries for Android and iOS.

Mikko Ohtamaa Over a year ago

The current isSafari does not work under <iframe> under Safari 10.1.2

st_bk Over a year ago

window.chrome.webstore is deprecated starting from Chrome ver. 71: blog.chromium.org/2018/06/…

|

corn on the cob · Accepted Answer · 2023-09-16 21:28:04Z

222

You can try the following way to check the browser:

function myFunction() {
  if ((navigator.userAgent.indexOf("Opera") || navigator.userAgent.indexOf('OPR')) != -1) {
    alert('Opera');
  } else if (navigator.userAgent.indexOf("Edg") != -1) {
    alert('Edge');
  } 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 > 10
  {
    alert('IE');
  } else {
    alert('unknown');
  }
}

<!DOCTYPE html>
<html>

<body>
  <p>What is the name(s) of your browser?</p>
  <button onclick="myFunction()">Try it</button>
  <p id="demo"></p>

</body>

</html>

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

function getInternetExplorerVersion() {
  var ua = window.navigator.userAgent;
  var msie = ua.indexOf("MSIE ");
  var rv = -1;

  if (msie > 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 >
      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 < IE11
      alert(parseInt(ua.substring(msie + 5, ua.indexOf(".", msie))));
    }
    return false;
  }
}

<!DOCTYPE html>
<html>

<body>

  <p>Click on Try button to check IE Browser version.</p>

  <button onclick="getInternetExplorerVersion()">Try it</button>

  <p id="demo"></p>

</body>

</html>

edited Sep 16, 2023 at 21:28

corn on the cob

2,3403 gold badges24 silver badges36 bronze badges

answered Oct 14, 2014 at 10:44

Nimesh

3,6901 gold badge30 silver badges37 bronze badges

19 Comments

igauravsehrawat Over a year ago

Why would one write so many lines of code? userAgent is ambiguous.

user6031759 Over a year ago

What about Microsoft Edge?

Golak Sarangi Over a year ago

the answer above checks for chrome before checking for safari. because safari will not have chrome keyword in the useragent. example of safari useragent - mozilla/5.0 (macintosh; intel mac os x 10_11_5) applewebkit/601.6.17 (khtml, like gecko) version/9.1.1 safari/601.6.17

willowis.cool Over a year ago

Stackoverflow uses this method

Kyle Vassella Over a year ago

When testing this in Opera (latest version), this returns 'Chrome' for me. To fix this, I changed the Opera if statement to: if(navigator.userAgent.indexOf("Opera") != -1 || navigator.userAgent.indexOf('OPR') != -1 )

|

KyleMit · Accepted Answer · 2019-12-02 15:09:22Z

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

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

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

*supports Edge based on Chromium

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

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

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

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

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

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

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

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

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

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

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

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

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.

6 Comments

TygerKrash Over a year ago

Just worth noting that under the hood it's primarily doing User-Agent detection. Supplemented with vendor detection / some feature detection in places.

Rafael Eyng Over a year ago

@TygerKrash sure, you are absolutely right. That is actually what I meant with my answer: open the source code of is.js and check how they do it.

Ricardo stands with Ukraine Over a year ago

jQuery used to include similar properties: $.browser.msie... Were removed from version 1.9 api.jquery.com/jquery.browser

HoldOffHunger Over a year ago

@RafaelEyng: I think the issue with it doing User-Agent detection is that this method is unreliable.

kashiraja Over a year ago

This is definitely the most robust approach when you assume that the UA string hasn't been modified. It also properly detects OS (android, win, mac, linux); device type (desktop, tablet, mobile). It can also test for version of browser.

|

Alex Nikulin · Accepted Answer · 2023-02-21 06:41:01Z

52

Short variant (update 10 july 2020 mobile browser detection fix)

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)

Typescript version:

export enum BROWSER_ENUM {
  EDGE ,
  INTERNET_EXPLORER ,
  FIRE_FOX ,
  OPERA ,
  UC_BROWSER ,
  SAMSUNG_BROWSER ,
  CHROME ,
  SAFARI ,
  UNKNOWN ,
}

const testUserAgent = (regexp: RegExp): boolean => regexp.test(window.navigator.userAgent);

function detectBrowser(): BROWSER_ENUM {
  switch (true) {
    case testUserAgent(/edg/i): return BROWSER_ENUM.EDGE;
    case testUserAgent(/trident/i): return BROWSER_ENUM.INTERNET_EXPLORER;
    case testUserAgent(/firefox|fxios/i): return BROWSER_ENUM.FIRE_FOX;
    case testUserAgent(/opr\//i): return BROWSER_ENUM.OPERA;
    case testUserAgent(/ucbrowser/i): return BROWSER_ENUM.UC_BROWSER;
    case testUserAgent(/samsungbrowser/i): return BROWSER_ENUM.SAMSUNG_BROWSER;
    case testUserAgent(/chrome|chromium|crios/i): return BROWSER_ENUM.CHROME;
    case testUserAgent(/safari/i): return BROWSER_ENUM.SAFARI;
    default: return BROWSER_ENUM.UNKNOWN;
  }
}

export const BROWSER: BROWSER_ENUM = detectBrowser();

export const IS_FIREFOX = BROWSER === BROWSER_ENUM.FIRE_FOX;

Functional algorithm, just for fun:

 var BROWSER =  new Array(
     ["Microsoft Edge", /edg/i],
     ["Microsoft Internet Explorer", /trident/i],
     ["Mozilla Firefox", /firefox|fxios/i],
     ["Opera", /opr\//i],
     ["UC Browser", /ucbrowser/i],
     ["Samsung Browser", /samsungbrowser/i],
     ["Google Chrome", /chrome|chromium|crios/i],
     ["Apple Safari", /safari/i],
     ["Unknown", /.+/i],
 ).find(([, value]) => value.test(window.navigator.userAgent)).shift();

edited Feb 21, 2023 at 6:41

answered Mar 23, 2018 at 11:02

Alex Nikulin

8,7774 gold badges37 silver badges38 bronze badges

5 Comments

BReddy Over a year ago

I tested this with Firefox (78.0.1 on Win10), Chrome (83.0 on Win10), Edge (83.0 on Win10 - Chromium base), Firefox(27 on iOS), and Chrome (83.0 on iOS) successfully. This logic still reported Safari (on iOS 13.5.1) still reported as 'chrome'. Could this be because Chromium is derived from WebKit base?

Alex Nikulin Over a year ago

@BReddy yes all webkits are similar, but have some different features.But browsers can have different useragents on ios. For example firefox and chrome on ios have fxios and crios strings. Retest it please)

pompalini Over a year ago

It does work on both Chrome and Safari on macOs. @BReddy: Order does matter here, hence the Safari check needs to be after Chrome.

Gangula Over a year ago

this works for me since I'm targeting Chrome, Edge, Firefox (later Safari) only. But is it currently reliable for all browsers?

Alex Nikulin Over a year ago

@Gangula it currently reliable for all browsers that you see in a code)Microsoft Edge,Microsoft Internet Explorer,Opera,Firefox,Uc,samsung,chrome,safari

HoldOffHunger · Accepted Answer · 2017-10-26 21:19:24Z

50

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.

/**
 * Gets the browser name or returns an empty string if unknown. 
 * This function also caches the result to provide for any 
 * future calls this function has.
 *
 * @returns {string}
 */
var browser = function() {
    // Return cached result if avalible, else get result then cache it.
    if (browser.prototype._cachedResult)
        return browser.prototype._cachedResult;

    // 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;

    // Blink engine detection
    var isBlink = (isChrome || isOpera) && !!window.CSS;

    return browser.prototype._cachedResult =
        isOpera ? 'Opera' :
        isFirefox ? 'Firefox' :
        isSafari ? 'Safari' :
        isChrome ? 'Chrome' :
        isIE ? 'IE' :
        isEdge ? 'Edge' :
        isBlink ? 'Blink' :
        "Don't know";
};

console.log(browser());

edited Oct 26, 2017 at 21:19

HoldOffHunger

21.3k11 gold badges123 silver badges146 bronze badges

answered Jul 17, 2015 at 15:19

Will Squire

6,6358 gold badges49 silver badges63 bronze badges

4 Comments

Bedla Over a year ago

Property window.chrome.webstore was removed in Chrome 71, so this approach is no longer working.

Timar Ivo Batis Over a year ago

you can overwrite the function with a function that simply returns the cachedResult and omit the if statement. The first time around you have to still return the result. browser = function(){ return cachedResult}; return cachedResult;

Sam Hobbs Over a year ago

Says Don't know for Microsoft's new Chrome version of Edge.

nightrain Over a year ago

I tried this in Safari, Firfox, and Chrome, always returns Don't know.

Emma Marcier · Accepted Answer · 2020-08-09 02:05:22Z

15

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["opr"] && !!["opr"]["addons"]) || !!window["opera"] || navigator.userAgent.indexOf(' OPR/') >= 0) {
        return 'opera';
    }

    // Firefox 1.0+
    if (typeof window["InstallTrigger"] !== 'undefined') {
        return 'firefox';
    }

    // Safari 3.0+ "[object HTMLElementConstructor]" 
    if (/constructor/i.test(window["HTMLElement"]) || (function(p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof window["safari"] !== 'undefined' && window["safari"].pushNotification))) {
        return 'safari';
    }

    // Internet Explorer 6-11
    if (/*@cc_on!@*/false || !!document["documentMode"]) {
        return 'ie';
    }

    // Edge 20+
    if (!(/*@cc_on!@*/false || !!document["documentMode"]) && !!window["StyleMedia"]) {
        return 'edge';
    }

    // Chrome 1+
    if (!!window["chrome"] && !!window["chrome"].webstore) {
        return 'chrome';
    }

    // Blink engine detection
    if (((!!window["chrome"] && !!window["chrome"].webstore) || ((!!window["opr"] && !!["opr"]["addons"]) || !!window["opera"] || navigator.userAgent.indexOf(' OPR/') >= 0)) && !!window["CSS"]) {
        return 'blink';
    }
}

edited Aug 9, 2020 at 2:05

Emma Marcier

27.8k12 gold badges49 silver badges71 bronze badges

answered Dec 5, 2018 at 16:21

Tony Smith

8971 gold badge12 silver badges27 bronze badges

3 Comments

CodeMonkey Over a year ago

Why do you have some ifs with "false" as a condition?

Lucas Azevedo Over a year ago

@YonatanNir I think it's meant to detect conditional compilation: developer.mozilla.org/en-US/docs/Web/JavaScript/…

Jorge Monroy Over a year ago

Typescript say the same with this: Argument of type '{ new (): HTMLElement; prototype: HTMLElement; }' is not assignable to parameter of type 'string'

dnns · Accepted Answer · 2021-04-24 07:53:33Z

13

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 && !!window.StyleMedia;
if(navigator.userAgent.indexOf("Chrome") != -1 && !isEdge)
{
    browser_name = 'chrome';
}
else if(navigator.userAgent.indexOf("Safari") != -1 && !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 > 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.

edited Apr 24, 2021 at 7:53

answered Jan 31, 2017 at 8:12

dnns

3264 silver badges10 bronze badges

1 Comment

Vic Over a year ago

did you test chrome on ios?

Mason Jones · Accepted Answer · 2018-02-08 18:23:02Z

12

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) && !!window.StyleMedia) {
                return "edge";
            } else {
                return "IE";
            }
        } else if(err.indexOf("cannot convert e into object") !== -1) {
            return "opera";
        } else {
            return undefined;
        }
    }
};

edited Feb 8, 2018 at 18:23

answered Oct 25, 2016 at 17:50

Mason Jones

1612 silver badges7 bronze badges

6 Comments

Vadim Over a year ago

That's a great idea: you don't need neither "window", nor "navigator" objects!

Vadim Over a year ago

My suggestion is to get rid document and window completely. See IE chunk: return "firefox"; } else if(err.search("[object Error]") !== -1 && e.message != null && e.description != null){ return "IE"; } else if(err.search("cannot convert e into object") !== -1){ return "opera";

Mason Jones Over a year ago

How does that differentiate between IE and edge?

Vadim Over a year ago

Strange, I can't reproduce err.search("[object Error]") anymore. Anyway, for me firefox vs chrome vs some thing else is enough. I use it in a PAC file where window and document objects are not available.

Vadim Over a year ago

Just figured out the cause. It looks like that for funning a PAC file Windows 7 does not use IE11, which is installed at my machine, but rather IE7-like engine (probably from the Windows host). So err.toString() there gives "[object Error]" while inside the IE11 it gives "Unable to get property..." string as in your code. So, the code above should fail with the IE7.

|

pilau · Accepted Answer · 2017-02-08 10:02:19Z

11

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.)

// Opera 8.0+ (UA detection to detect Blink/v8-powered Opera)
isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
// Firefox 1.0+
isFirefox = typeof InstallTrigger !== 'undefined';
// Safari 3.0+
isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || safari.pushNotification);
// Internet Explorer 6-11
isIE = /*@cc_on!@*/false || !!document.documentMode;
// Edge 20+
isEdge = !isIE && !!window.StyleMedia;
// Chrome 1+
isChrome = !!window.chrome && !!window.chrome.webstore;
// Blink engine detection
isBlink = (isChrome || isOpera) && !!window.CSS;

/* Results: */
console.log("isOpera", isOpera);
console.log("isFirefox", isFirefox);
console.log("isSafari", isSafari);
console.log("isIE", isIE);
console.log("isEdge", isEdge);
console.log("isChrome", isChrome);
console.log("isBlink", isBlink);

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.

edited Feb 8, 2017 at 10:02

answered Jan 17, 2016 at 16:27

pilau

6,7534 gold badges60 silver badges70 bronze badges

9 Comments

NoR Over a year ago

The !!window.MSAssertion; test doesn't work for me in the Edge beta via Remote Desktop. It returns false.

pilau Over a year ago

@NoR What version of Edge are you using? It matters

pilau Over a year ago

@NoR Oh you're using the VM... The MSAssertion trick is adjusted to version 25. But since many devs rely on the VMs, I'll try to adjust it this older version. Good call. Thanks.

pilau Over a year ago

@NoR Updated - should be futureproof. The StyleMedia (capitalized) object is specific to IE and Edge and doesn't seem to be going anywhere.

Issac Gable Over a year ago

I have also found UAParser a js plugin that still maintained and has be highly accurate and easy to use.

|

HoldOffHunger · Accepted Answer · 2018-05-29 18:34:42Z

8

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;

edited May 29, 2018 at 18:34

HoldOffHunger

21.3k11 gold badges123 silver badges146 bronze badges

answered Mar 22, 2016 at 5:55

Valera Tumash

6417 silver badges17 bronze badges

Comments

Luzan Baral · Accepted Answer · 2022-08-05 21:05:03Z

8

UAParser is one of the 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?

edited Aug 5, 2022 at 21:05

answered May 23, 2018 at 6:30

Luzan Baral

3,7105 gold badges40 silver badges70 bronze badges

1 Comment

deathangel908 Over a year ago

a thousand lines of code you call lightweight?

Albert · Accepted Answer · 2017-03-23 03:56:49Z

7

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.)

answered Mar 23, 2017 at 3:56

Albert

3231 gold badge3 silver badges11 bronze badges

1 Comment

HoldOffHunger Over a year ago

Most of the answers here are not concerned with being "hacky" if they are the only reliable method. userAgent, as noted multiple times, is easily spoofed, and is therefore, unreliable.

Irshad Khan · Accepted Answer · 2019-01-07 08:22:45Z

6

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

edited Jan 7, 2019 at 8:22

answered Jan 4, 2019 at 11:50

Irshad Khan

6,1462 gold badges50 silver badges41 bronze badges

1 Comment

Devin B. Over a year ago

It's picking up Safari when I'm in Chrome...

Ankit · Accepted Answer · 2020-08-08 21:45:24Z

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

getBrowser = () => {
    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) && !(/seamonkey/i).test(userAgent) ? 'Firefox' : browser;
    browser = (/; msie|trident/i).test(userAgent) && !(/ucbrowser/i).test(userAgent) ? 'IE' : browser;
    browser = (/chrome|crios/i).test(userAgent) && !(/opr|opera|chromium|edg|ucbrowser|googlebot/i).test(userAgent) ? 'Chrome' : browser;;
    browser = (/safari/i).test(userAgent) && !(/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) => {
    return userAgent.match(regex) ? userAgent.match(regex)[2] : null;
}

console.log(getBrowser());

Malki Mohamed · Accepted Answer · 2020-06-11 09:52:59Z

5

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:

answered Jun 11, 2020 at 9:52

Malki Mohamed

1,7182 gold badges25 silver badges42 bronze badges

1 Comment

Abel Wenning Over a year ago

This is definitely the best solution, as all other approaches are not actively maintained in the ever-changing world of browsers.

Henrique Van Klaveren · Accepted Answer · 2020-12-04 18:33:47Z

Here is my customized solution.

        const inBrowser = typeof window !== 'undefined'
        const UA = inBrowser && window.navigator.userAgent.toLowerCase()
        const isIE =
          UA && /; msie|trident/i.test(UA) && !/ucbrowser/i.test(UA).test(UA)
        const isEdge = UA && /edg/i.test(UA)
        const isAndroid = UA && UA.indexOf('android') > 0
        const isIOS = UA && /iphone|ipad|ipod|ios/i.test(UA)
        const isChrome =
          UA &&
          /chrome|crios/i.test(UA) &&
          !/opr|opera|chromium|edg|ucbrowser|googlebot/i.test(UA)
        const isGoogleBot = UA && /googlebot/i.test(UA)
        const isChromium = UA && /chromium/i.test(UA)
        const isUcBrowser = UA && /ucbrowser/i.test(UA)
        const isSafari =
          UA &&
          /safari/i.test(UA) &&
          !/chromium|edg|ucbrowser|chrome|crios|opr|opera|fxios|firefox/i.test(UA)
        const isFirefox = UA && /firefox|fxios/i.test(UA) && !/seamonkey/i.test(UA)
        const isOpera = UA && /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 && /samsungbrowser/i.test(UA)
        const isIPad = UA && /ipad/.test(UA)
        const isIPhone = UA && /iphone/.test(UA)
        const isIPod = UA && /ipod/.test(UA)
    
        console.log({
          UA,
          isAndroid,
          isChrome,
          isChromium,
          isEdge,
          isFirefox,
          isGoogleBot,
          isIE,
          isMobile,
          isIOS,
          isIPad,
          isIPhone,
          isIPod,
          isOpera,
          isSafari,
          isSamsung,
          isUcBrowser,
        }
      }

neel upadhyay · Accepted Answer · 2017-05-04 10:29:42Z

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 < 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" && 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',
   });
});

Ollie Williams · Accepted Answer · 2022-04-07 08:45:31Z

3

Chrome & Edge introduced a new User-Agent Client Hints API for this:

navigator.userAgentData.brands.map(item => item.brand).includes('Google Chrome')

Firefox & Safari don't support it yet unfortunately.

answered Apr 7, 2022 at 8:45

Ollie Williams

2,7745 gold badges31 silver badges51 bronze badges

Comments

Rahul Daksh · Accepted Answer · 2021-07-07 09:48:23Z

2

To check for IE browser using following code.

console.log(/MSIE|Trident/.test(window.navigator.userAgent))

OR

var isIE = !!document.documentMode; 

console.log(isIE)

Thanks

edited Jul 7, 2021 at 9:48

answered Jun 23, 2021 at 17:04

Rahul Daksh

2282 silver badges8 bronze badges

Comments

M.skr · Accepted Answer · 2023-01-21 14:16:16Z

2

This method is currently valid for detecting all browsers. I quoted the vue-element-admin template

 export function fnBrowserDetect() {
      var browserName = (function(agent) {
        switch (true) {
          case agent.indexOf('edge') > -1: return 'MS Edge'
          case agent.indexOf('edg/') > -1: return 'Edge (chromium based)'
          case agent.indexOf('opr') > -1 && !!window.opr: return 'Opera'
          case agent.indexOf('chrome') > -1 && !!window.chrome: return 'Chrome'
          case agent.indexOf('trident') > -1: return 'MS IE'
          case agent.indexOf('firefox') > -1: return 'Mozilla Firefox'
          case agent.indexOf('safari') > -1: return 'Safari'
          default: return 'other'
        }
      })(window.navigator.userAgent.toLowerCase())
      return browserName.toLowerCase()
    }

answered Jan 21, 2023 at 14:16

M.skr

1182 silver badges9 bronze badges

3 Comments

SimonC Over a year ago

I have so many questions for this code... Why switch(true)?!

Carlo Nyte Over a year ago

@SimonC I'm thinking the reason behind switch(true) is to avoid writing a while loop of any kind My question though is what is window.opr or window.chrome?? They aren't properties of the window class from all that I've read. ref: developer.mozilla.org/en-US/docs/Web/API/Window

SimonC Over a year ago

@CarloNyte window.chrome seems to be a Chrome extension and not something defined in the standard. I would be slightly worried if Google did a Microsoft and defined itself as the standard - and got away with it

JaeIL Ryu · Accepted Answer · 2021-08-26 07:37:24Z

1

import getAgent, { getAccurateAgent } from "@egjs/agent";

const agent = getAgent();
getAccurateAgent().then((accurate_agent)=>{
    console.log(agent,'accurate.');
})
console.log(agent);

https://github.com/naver/egjs-agent

answered Aug 26, 2021 at 7:37

JaeIL Ryu

3093 silver badges11 bronze badges

Comments

Lazerbeak12345 · Accepted Answer · 2024-02-15 15:44:09Z

Perhaps the real answer is that 90% of the time, you can't reliably detect any specific browser.

The most reliable way for your use case is to provide a download button for each browser and let the user - who knows for certain what browser they are on "tell you." All of the detection methods shown in these other answers will either eventually stop working, or can easily be faked.

User-agent strings can be overridden by the user.

Browsers, over time, trend toward removing unique API differences. (Source: look at Internet Explorer over the years)

If you must use browser detection, use a well-updated library to do so. So long as you keep that library up-to-date, you can be assured that the detection will not fail - so long as it's not too reliant upon UA strings.

For other use cases, don't use browser detection - use feature detection. Modern Firefox supports everything - if not more - that Chrome does, and generally is closer to the w3 & etc. specs. A tool called "browserlist" is a great tool to determine which browsers' features your code should use. Tools like Webpack, Parcel, Babel, and more use this - so you can use the latest browser features without having to write the compatibility code yourself.

edi kemput · Accepted Answer · 2024-06-15 06:32:22Z

0

I use bowser https://github.com/bowser-js/bowser

const objBrowser = bowser.parse(window.navigator.userAgent);
console.log(objBrowser);
$('#browser').text('Browser: '+objBrowser.browser.name+', Version: '+objBrowser.browser.version);
$('#os-platform').text('Run On: '+objBrowser.os.name+' - '+objBrowser.platform.type);

<div id="browser"></div>
<div id="os-platform"></div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/es5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

answered Jun 15, 2024 at 6:32

edi kemput

771 silver badge2 bronze badges

Comments

Joe Borg · Accepted Answer · 2016-01-21 09:48:16Z

-1

This combines both Rob's original answer and Pilau's update for 2016

    var isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 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') > 0;
    // At least Safari 3+: "[object HTMLElementConstructor]"
var isChrome = !!window.chrome && !isOpera;              // Chrome 1+
var isIE = /*@cc_on!@*/false || !!document.documentMode;
// Edge 20+
var isEdge = !isIE && !!window.StyleMedia;
// Chrome 1+
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 += 'isIE Edge: ' + isEdge + '<br>';
document.body.innerHTML = output;

answered Jan 21, 2016 at 9:48

Joe Borg

632 silver badges12 bronze badges

3 Comments

HoldOffHunger Over a year ago

Is there a point to telling the user what browser they're using? I imagine they'd already know this.

Joe Borg Over a year ago

@HoldOffHunger it's main intention was more to adapt the most compatible code to the active browser, rather than to inform the user which browser they're using. Unless the browser they're using is super outdated and has been excluded from backwars compatibility, in which it wouldn't hurt to let the user know they can benefit from a better experience should they switch to something more up to date

Lazerbeak12345 Over a year ago

If that's really what this code is for, don't use this approach. Use feature detection instead. Does the browser support promises? if so, use it. If not, complain to the user or apply a polyfill.

Ajay Kumar · Accepted Answer · 2017-12-06 04:21:55Z

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)) >= 4,
            isValidFireForVer = parseInt(navigator.substring(isFireFox+8, isFireFox+9)) >= 3,
            isValidIEVer = parseInt(navigator.substring(isIE+8, isIE+9)) >= 7;

            if((isChrome > -1 && isValidChromeVer){ console.log("Chrome Browser")}

            if(isFireFox > -1 && isValidFireForVer){ console.log("FireFox  Browser")}

            if(isIE > -1 && isValidIEVer)){ console.log("IE Browser")}


        }

Rohit RC · Accepted Answer · 2019-02-20 05:28:17Z

-1

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() && navigator.appVersion.indexOf('Win64') === -1);
    };

    utils.isChrome = function () {
        return (window.chrome);
    };

    utils.isFF64 = function () {
        var agent = navigator.userAgent;
        return (agent.indexOf('Win64') >= 0 && agent.indexOf('Firefox') >= 0);
    };

    utils.isFirefox = function () {
        return (navigator.userAgent.toLowerCase().indexOf('firefox') > -1);
    };

answered Feb 20, 2019 at 5:28

Rohit RC

4694 silver badges16 bronze badges

1 Comment

Lazerbeak12345 Over a year ago

The agent.indexOf('Win64') check fails on Firefox 122 on Linux. This is because Linux is not Windows. This check will fail on MacOS, iOS, and Android as well.

satyam_naithani · Accepted Answer · 2023-01-27 20:14:52Z

-1

var BrowserType;
(function (BrowserType) {
    BrowserType["OPERA"] = "Opera";
    BrowserType["OPERA2"] = "OPR";
    BrowserType["EDGE"] = "Edg";
    BrowserType["CHROME"] = "Chrome";
    BrowserType["SAFARI"] = "Safari";
    BrowserType["FIREFOX"] = "Firefox";
    BrowserType["UNKNOWN"] = "unknown";
})(BrowserType || (BrowserType = {}));
const detectBrowser = () => {
    return Object.values(BrowserType).find((browser) => navigator.userAgent.indexOf(browser) != -1);
};
console.log(detectBrowser());

answered Jan 27, 2023 at 20:14

satyam_naithani

691 silver badge3 bronze badges

Comments

Alexander Obidiegwu · Accepted Answer · 2024-01-31 22:03:36Z

-1

const getBrowserName = () => {
    var userAgent = navigator.userAgent;
    var browser_names = ['Firefox', 'Chrome', 'Safari', 'Edge', 'Opera', 'MSIE', 'OPR', 'Trident/']
    var browser_name = "Unknown Browser"

    for (let i = 0; i < browser_names.length; i++) {
      if (userAgent.indexOf(browser_names[i]) > -1) {
          browser_name = browser_names[i]
          return browser_name
      }
    }
    return browser_name
  }

Less verbose than others

answered Jan 31, 2024 at 22:03

Alexander Obidiegwu

6621 gold badge7 silver badges20 bronze badges

Comments

HoldOffHunger · Accepted Answer · 2017-10-26 20:24:14Z

-3

Simple, single line of JavaScript code will give you the name of browser:

function GetBrowser()
{
    return  navigator ? navigator.userAgent.toLowerCase() : "other";
}

edited Oct 26, 2017 at 20:24

HoldOffHunger

21.3k11 gold badges123 silver badges146 bronze badges

answered Aug 1, 2014 at 8:56

Nirav Mehta

7,0839 gold badges45 silver badges54 bronze badges

4 Comments

eremzeit Over a year ago

The userAgent alone doesn't tell us enough. For example, my user agent is "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.85 Safari/537.36", which mentions Mozilla, Chrome and Safari. Which browser type am I?

Nirav Mehta Over a year ago

Sorry but I didn't get you for "Which browser type am I?" what you want to get?

Baldráni Over a year ago

@NiravMehta What he meant is that navigator.userAgent tells you every browser possible you have.. So this is really not reliable, the only case it would work is if the user only has one browser.

Juvenik Over a year ago

this is not a reliable way to detect browser. Some useragents includes both chrome and safari, so there is not way to detect which one should we consider and last but, not the least, useragent can be modified by the web page.

Collectives™ on Stack Overflow

30 Answers 30

Analysis of reliability

Successfully tested in:

82 Comments

19 Comments

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

1 Comment

6 Comments

5 Comments

4 Comments

3 Comments

1 Comment

6 Comments

9 Comments

Comments

1 Comment

1 Comment

1 Comment

Comments

1 Comment

Comments

Comments

Comments

Comments

3 Comments

Comments

Comments

Comments

3 Comments

Comments

1 Comment

Comments

Comments

4 Comments

Linked

Related