Detecting Microsoft Edge (Javascript)

[tyrann0us]

Just a little hint as browserhacks currently doesn't list any hacks for Microsoft Edge:
If you want to target this browser you can combine two rules from IE11:

var isEdge = '-ms-scroll-limit' in document.documentElement.style && '-ms-ime-align' in document.documentElement.style && !window.navigator.msPointerEnabled;

[jeffclayton]

Hugo - you guys up for making the new browser category? @tyrann0us has a javascript one and here are a few of them in CSS I worked out:

the @supports method: (For all MS Edge = Edge 12+)

@supports (-ms-ime-align:auto) { .selector { property:value; } }

UPDATE: Now that Edge 14 is released, this one works for Edge 12-13 only:

@supports (-ms-accelerator:true) { .selector { property:value; } }

a one-liner selector hack: (For all MS Edge = Edge 12+)

_:-ms-lang(x), _:-webkit-full-screen, .selector { property:value; }

-Jeff

[jeffclayton]

For the Microsoft Edge browser, the number starts at 12 as they continued the number system past Internet Explorer 11. The stats on the 3 hacks above are all MS Edge 12+ (which actually means all edge browsers). Edge 13 is in beta testing at this time in the dev version of Windows 10.

[jeffclayton]

For ease of use in this site, considering MS kept the numbers together (MSIE up to 11, Edge 12+) - it may be simplest just to continue the chain as MSIE/EDGE rather than creating a separate category for the time being.

[KittyGiraudel]

Moar here: http://browserstrangeness.bitbucket.org/css_hacks.html.

[jeffclayton]

You do realize that is my personal site right? check http://browserstrangeness.com ;)

[jeffclayton]

I would be happy to start including a lot of them - i just would ask you to add the bitbucket site as a resource site with the few other ones since I have years of time and work invested in it.

[ststeiger]

Better not to depend on the user agent.
How about:

if (document.documentMode) 
{
    console.log('Hello Microsoft IE User!');
}

if (!document.documentMode && window.msWriteProfilerMark) {
    console.log('Hello Microsoft Edge User!');
}

if (window.msWriteProfilerMark) 
{
    console.log('Hello Microsoft User!');
}

[JStyle21]

@ststeiger
msWriteProfilerMark isn't there anymore