Detect browser with the use of UserAgent

Question

I want to check if the active browser is Chrome, in TypeScript/JavaScript.

Earlier i have used

var isChrome = !!(<any>window).chrome && !!(<any>window).chrome.webstore;

But that doesn't seem to work anymore. What is the new approach? I do not wish to use UserAgent, due bad experience.

What is your use case? Most probably you want feature detection, not browser sniffing. Also please search and try the many other questions about this exact topic. You might want to have a look at the source code of https://github.com/lancedikson/bowser — str, Jan 18 '19 at 12:01

score 2 · Accepted Answer · answered Jan 18 '19 at 12:05

2

Similar question was already answered here, And code should look like:

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

Thanks, Oliver

answered Jan 18 '19 at 12:05

Oliver

341
2
4
21

1

Thank you very much Oliver. – RasmusPedersen Jan 18 '19 at 12:11
You are welcome :) btw if you want detect more browsers its on link in answer :) – Oliver Jan 18 '19 at 12:43
as with Chrome 93, this seems to work only for HTTPS sites, as neither `window.chrome.webstore` now `window.chrome.runtime` is exposed on HTTP sites (not even on `localhost`) – Udo G Sep 13 '21 at 13:31

Terry Lennox · Answer 2 · 2019-01-18T12:15:07.703

1

You could try using the bowser library for this:

console.log("You are using " + bowser.name + " version: " + bowser.version + " os: " + bowser.osname);

// Check for Chrome 20+
const isChrome = bowser.check({chrome: "20"}, true);
console.log("Chrome: ", isChrome);

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

edited Jan 18 '19 at 12:15

answered Jan 18 '19 at 12:02

Terry Lennox

29,471
5
28
40

1

Bowser still uses UserAgent if you look through its documentation – RasmusPedersen Jan 18 '19 at 12:08
1

Thanks @RasmusPedersen, you're right about that. I think it gives you some nice features in addition! – Terry Lennox Jan 18 '19 at 12:17

score 1 · Answer 3 · answered Jan 18 '19 at 12:03

1

try to use the navigator global variable : const isChrome = /chrome/.test( navigator.userAgent.toLowerCase() );

answered Jan 18 '19 at 12:03

bik

319
1
8

Detect browser with the use of UserAgent

3 Answers3