Debugging in JavaScript

One of the most popular ways of debugging in JavaScript when you are just getting started is to use the JavaScript alert() and input() functions. However there are times when clicking OK repeatedly can become tedious not to mention time consuming. Here are a few additional advanced JavaScript debugging techniques you can use to help increase your productivity. JavaScript Console API Functions Unlike the alert(), this the console API functions just displays a message in the debugger console and continue execution. For example: console.log(“Total is now: ” + t); There are other useful console API functions for debugging: console.group() console.info() console.log() … Continue reading

Introduction to JavaScript Debugging Techniques using Developer Tools

Most modern web browsers today, like Chrome, Firefox and Internet Explorer, come with an integrated JavaScript debugger. If you’ve never one of these debuggers but do program in JavaScript, it will be well worth the few minutes of your time to learn how to use them and save hours of web development effort. The browsers Developer Tools are typically accessible by pressing F12. Each browser has a similar set of tools but are not all created equal. Some are definitely stronger for some tasks when it comes to JavaScript development. For example Internet Explorer (IE) has a split screen so you don’t … Continue reading