treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Snippets

Illustration by Reagan Ray

Test for Internet Explorer in JavaScript

Last updated on: 

var isMSIE = /*@cc_on!@*/0;

if (isMSIE) {
  // do IE-specific things
} else {
  // do non IE-specific things
}

Reference URL

View Comments

Comments

  1. Rodney Reid
    Permalink to comment#


    if (-[1,]) {
    // do non IE-specific things
    } else {
    // do IE-specific things
    }

    Reply ↓
  2. Ruben Vreeken
    Permalink to comment#

    If you need to know if an IE browser is used purely for the sake of implementing IE-specific css rules, you can simply put the following code at the top of your html file. Basically it places an tag with a css class for ie 6 through 9.

    <!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->

    This way u dont need any javascript to use IE-specific css code.

    Reply ↓
    • Stacey
      Permalink to comment#

      Can someone explain the following to me? I’m not sure that I get this conditional comment. What is its intent?

      <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->

    • vikas
      Permalink to comment#

      @stacey: that condition says, if the browser is Greater than IE9 or Not any of the IE then do this , which will be for browsers other than IE like chorme etc.

  3. Lonesome Walker
    Permalink to comment#

    The question was not: how to be done without JS, it was explicit WITH js…

    Thanks, helped me a lot!

    Reply ↓
  4. eman on
    Permalink to comment#

    Oh the pains of IE – thanks

    Reply ↓
  5. jonathan marzullo
    Permalink to comment#

    It is better to use feature detection:

    // IE feature detection
    var isIE9 = document.addEventListener,
    isIE8 = document.querySelector,
    isIE7 = window.XMLHttpRequest;

    if(isIE9){
    // is IE9
    } else if(isIE8) {
    // is IE8
    } else if(isIE7) {
    // is IE7
    }

    hope this helps!

    Reply ↓
  6. Melanie
    Permalink to comment#

    If you’re using jQuery…

    


if($('html').hasClass('lt-ie8')) { //Do IE7 specific stuff }
    Reply ↓
  7. Steve Oldner (@soldner)
    Permalink to comment#

    Using Jquery mobile but need to determine if users are using their desktop. IE is standard here and company’s default is no outside library so it looks bad. This is only for mobile portal – we have a full desktop portal already. Question is 2 parts and looking for best practices.
    1. How do I detect big screen?
    2. How can I tell if they allow JQuery?

    Thanks!

    Reply ↓

Leave a Comment

Use markdown or basic HTML and be nice.