How to debug any Javascript issue in Google Chrome

Google Chrome Javascript debugging

Imagine you have a legacy project with spaghetti javascript code and need to troubleshoot. You have no idea where to start other than searching your IDE for some special keywords to find the right spot.

I needed to do this in an older Ext JS application. With no idea where to find the problem, I remembered to write the following line somewhere that could be in the program flow:



Software Architect

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store