Improved developer tools in Internet Explorer 11

I have run Windows 8.1 for a couple of weeks now. One of the news in Windows 8.1 is Internet Explorer 11. I have not used Internet Explorer as my main browser, but of course I wanted to try it out.

One of the reason I don’t have used Internet Explorer so much is that I think that Firebug had been much better than developer tools in Internet Explorer. But for Internet Explorer 11, they have done big improvements. You can for example debug with the windows pinned in the browser window, you do not need to press start for starting the debugger, it is just to add a breakpoint. An another thing I like in the new developer tools is that you do not need to refresh page, when a javascript has changed the DOM, it is updating in real time.

You also get help to see if elements are in line when you selecting an element (see image below). I think that could be a very helpful tool.

Internet Explorer 11 Developer Tools

The only thing that I miss is that I can nott set Internet Explorer in compability view. When working for a customer that use older versions of Internet Explorer is has been a very good feature to change document mode. When using Internet Explorer 11 I need to use a virtual machine to test websites on other browser versions than 11. Microsoft links to a tool that is called Browser Stack. I signed up for a evaluation account, but it dosen’t work well, it was lagging so it was very hard to do the testing.

IE 11 Developer Tools

Browser mode in Internet Explorer

We building a web version of WordRoom, today when I tested the game on Surface RT it doesn’t look like expected. I tested in desktop and I had same issue there as I had in the Windows store app of Internet Explorer. But in desktop mode I could use Internet Explorer developer tools. It shows that Internet Explorer was in IE7-mode. Because we use a lot of HTML5 features, we want to run it in IE10-mode from start.

I searched the web for solution and I found a meta tag that fixed my issue.

<meta http-equiv="x-ua-compatible" content="IE=10" />

If you want to read more about this, read this page, http://msdn.microsoft.com/en-us/library/jj676915%28v=vs.85%29.aspx