Debugging Javascript with Dev Tools

When we are developing in Javascript, sometimes we need to debug the code when we found an error. You can easily do debug with the Dev Tools of the browser.
If you press F12 on your browser you have access to a window like shown below and move to the debugger tab and your code you have a debugger; condition in your code, when you execute the action you will get the debug active and you can start moving on your code to see where the problem is.


You can also search for the web resource file name and make a breakpoint on the DevTools instead if you don’t want to have the debugger; written in your code.


Hope this helps


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s