Using javascript to detect browser

Question

I wanted to something like this on my web page: If the browser accessing the page is Internet Explorer 8.0 or earlier, I want to alert the user that you need to upgrade your browser and do not load the page. Else if you are using other browsers, then simply load the page and proceed normally.

The reason, I don't want to load the page in IE right now is because, the css3 goes crazy in IE, which work perfectly in Chrome, Mozilla etc. I am working on that and hope to get it fixed in a day or two. Meanwhile, I dont want anybody to be able to open my web page using IE 8.0 or earlier.

I tried these, but to no avail:

<script type="text/javascript">
    nav=navigator.appName;
    if (nav.indexOf("IE 8.0")!=-1)
    {
       alert("You are using an older version");
    }
    else
    {
       alert("Switch to a new version");
    }
</script>

I want to do this using Javascript. How can I do it ?

this isn't that simple, you should use capabilities testing instead; in short don't try and write this code yourself, use someone elses. — , Nov 28 '12 at 15:09
possible duplicate of [Detect version of browser](http://stackoverflow.com/questions/5916900/detect-version-of-browser) — , Nov 28 '12 at 15:10
You should degrade gracefully rather than shout at your visitors. — Matt Burland, Nov 28 '12 at 15:10

score 0 · Answer 1 · answered Nov 28 '12 at 15:09

0

if($.browser.msie && parseInt($.browser.version, 10) <= 7) {
    //Do alert
}

Using Modernizr on IE you got classes that detect the version of the browser in order to show or hide elements on the document using just CSS.

answered Nov 28 '12 at 15:09

Andrea Turri

6,480
7
37
63

score 0 · Answer 2 · answered Nov 28 '12 at 15:10

0

jQuery does have inbuilt browser detection:

if ($.browser.mise && $.browser.version <= 8) {
    alert("Get a better browser!");
}

A better solution is to use feature detection though.

answered Nov 28 '12 at 15:10

Rory McCrossan

331,213
40
305
339

Yukulélé · Answer 3 · 2013-10-02T07:56:19.193

0

jQuery made that easy.

if($.browser.msie){ ... }

https://github.com/jquery/jquery-browser

For non-jquery users I made a fork without jQuery dependence : https://github.com/yukulele/browser

if(browser.msie){ ... }

But use Modernizer for features detection is a better way : http://www.modernizr.com/

edited Oct 02 '13 at 07:56

answered Nov 28 '12 at 15:48

Yukulélé

15,644
10
70
94

Using javascript to detect browser

3 Answers3