loading...

User-Agent (browser) detection

amarok24 profile image Jan P. ・1 min read

Here is a short snippet which I use for browser environment sniffing throught JavaScript, code is inspired by Vue.js sourcecode from 7/2019.

var inBrowser = typeof window !== "undefined";
var browser_UA = inBrowser && window.navigator.userAgent.toLowerCase();
var browser_isIE = browser_UA && /msie|trident/.test(browser_UA);
var browser_isIE11 = browser_isIE && browser_UA.indexOf('11.0') > 0;
var browser_isEdge = browser_UA && browser_UA.indexOf('edge/') > 0;
var browser_isAndroid = browser_UA && browser_UA.indexOf('android') > 0;
var browser_isIOS = browser_UA && /iphone|ipad|ipod|ios/.test(browser_UA);
var browser_isChrome = browser_UA && /chrome\/\d+/.test(browser_UA) && !browser_isEdge;
var browser_isGoogleChrome = browser_isChrome && !!window.googleapis;
var browser_isChromeDerivate = browser_isChrome && !browser_isGoogleChrome;
var browser_isFirefox = browser_UA && !!browser_UA.indexOf("firefox/");

//ANOTHER:
var browser_FFversion = browser_isFirefox && browser_UA.match(/firefox\/(\d+)/)[1];
// FF version then stored in array[1]
Enter fullscreen mode Exit fullscreen mode

Posted on by:

amarok24 profile

Jan P.

@amarok24

WebDeveloper. I like keeping things simple and minimalistic (KISS). GNU/Linux user. Amiga 500. M68k. 8bit. 16bit.

Discussion

pic
Editor guide