This article will focus on debugging JavaScript code within Internet Explorer 11’s Developer Tools. Despite the criticisms that Internet Explorer regularly receives the developer tools built into IE11 make developing and debugging code in the browser a task that isn’t dreaded in quite the same way as it was in years gone by. The browser’s tools boast many of the features of the other more developer focussed browsers such as Chrome and FireFox.

In this article we will work through debugging an example in Internet Explorer.

The steps we are going to follow are:

1. Sample Project Introduction
2. Analyse a Raygun Error Report
3. Explore the Anatomy of the Developer Tools
4. Add Breakpoints to your Code
5. Step through your Code
6. Determine the State of your Application
7. Fix the Bug!

So, let’s dive in!

#javascript #programming