A Peek at Internet Explorer’s Developer Tools

A quick guide on how to use Internet Explorer’s Developer Tools

Bugs are simply a natural part of the web development process, and, while you may hate them, you certainly have to deal with them. Front-end developers haven't always had rich debugging tools like other platforms and languages. Thankfully, times have changed and all the major browsers have built-in tools that greatly increase the troubleshooting features for developers. For this article, Rey Bango is going to focus on Internet Explorer's Developer Tools and the functionality it provides.

 

The developers tools are commonly called the "F12 Developer Tools" because pressing the "F12" key on your keyboard will open them up while you're in Internet Explorer. The developer tools are also accessible via the "Tools" menu under the label "F12 developer tools". The developer tools provide developers and designers with a rich set of tools that can tackle many of the common debugging and inspection use cases they'll face during their work like:

  • JavaScript debugging
  • DOM inspection and manipulation
  • On-the-fly updating of CSS styles and page layouts
  • Networks traffic logging
  • Script profiling

These are features that are par for the course nowadays and essential to determining what ails your pages. On top of this, the developer tools provide the ability to test your site in different versions of Internet Explorer by changing the browser mode.

Comments

Be the first to write a comment

You must me logged in to write a comment.