If browser version is older than

Question

I have a simple question - is there a way to do some function, that detects if a user is using older browser version, that I can set myself?

Something that help me to do if statement like this:

if(chromeVersion <= 48 || firefoxVersion <= 52 || ieVersion <= 10 || ...)
{//do something}

I need this because of modern plugins that I'm using and they're not supported by older browsers and can't pre-fix them.

Have a nice day!

Browser sniffing was a bad idea 10 years ago and it's not got any better. I'd suggest using feature detection if you want to know if your JS code will/will not work in a given browser — Rory McCrossan, Jan 12 '18 at 12:07
@RoryMcCrossan it's not much about a javascript. It's about a canvas animations that uses javascript and strong-new css animations (values, ik) — Honzis Novák, Jan 12 '18 at 12:10
You can still use feature detection for that too, plus the code is quite simple and much more robust than a version detector: https://stackoverflow.com/questions/2745432/best-way-to-detect-that-html5-canvas-is-not-supported — Rory McCrossan, Jan 12 '18 at 12:17

Nims Patel · Accepted Answer · 2018-01-12T12:22:13.763

3

Get chrome version :

function getChromeVersion () {     
    var raw = navigator.userAgent.match(/Chrom(e|ium)\/([0-9]+)\./);

    return raw ? parseInt(raw[2], 10) : false;
}

For multiple browser

navigator.sayswho= (function(){
    var ua= navigator.userAgent, tem, 
    M= ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
    if(/trident/i.test(M[1])){
        tem=  /\brv[ :]+(\d+)/g.exec(ua) || [];
        return 'IE '+(tem[1] || '');
    }
    if(M[1]=== 'Chrome'){
        tem= ua.match(/\b(OPR|Edge)\/(\d+)/);
        if(tem!= null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
    }
    M= M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
    if((tem= ua.match(/version\/(\d+)/i))!= null) M.splice(1, 1, tem[1]);
    return M.join(' ');
})();

console.log(navigator.sayswho);

edited Jan 12 '18 at 12:22

answered Jan 12 '18 at 12:05

Nims Patel

1,048
9
19

That's exactly what I need !! :-) Thank you for Chrome ! Anything for Firefox and IE, please? – Honzis Novák Jan 12 '18 at 12:14
2

@HonzisNovák And what about the hundreds of other browsers out there with varying feature lists? – Niet the Dark Absol Jan 12 '18 at 12:21
@NiettheDarkAbsol Sadly we can't cover them all, but I'm glad for 95% covered, 5% is sad lost, if they're old, can't do anything with that I guess – Honzis Novák Jan 12 '18 at 12:32
1

@HonzisNovák My point is that detecting *feature support* will cover 100% of cases. – Niet the Dark Absol Jan 12 '18 at 12:34
Sorry @NiettheDarkAbsol, 100% browser are not covered. – Nims Patel Jan 12 '18 at 12:35
@NiettheDarkAbsol , We can try for all browser are detect. – Nims Patel Jan 12 '18 at 12:36

Nisal Edu · Answer 2 · 2018-01-12T12:21:33.593

1

Try as follows

var x = navigator.userAgent.match(/(Opera|Chrome|Safari|Firefox|Msie|trident(?=\/))\/?\s*(\d+)/);

console.log(x)
if (x[1] == "Chrome") {

  alert("Chrome")

  if (x[2] == "63") {

    alert("Chrome version is 63")

  }



}

edited Jan 12 '18 at 12:21

answered Jan 12 '18 at 12:05

Nisal Edu

7,237
4
28
34

If browser version is older than

2 Answers2