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: