Debugging JavaScript with Chrome Developer Tools

Similar to what Xdebug provides for PHP, most browsers come built in with developer tools, that allows you to debug JavaScript code. In the following session we’ll cover how to use breakpoints and use step debugging with Chrome’s built in developer tools. The process is similar in most web browsers(Firefox, Safari, Opera etc), just the name of the options might be a bit different. Once you start using Step Debugging via the Developer tools, you won’t have to write console.log() statements in order to determine the values of variables you are trying to debug.