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

  8/7/2013 - 9:57 AM