Too Long; Didn't Read
Chrome Developer Tools is a special UI in developer tools that makes debugging much easier. It also allows to trace the code step by step to see what exactly is going on. Using a debugger provides with the exact current state of the application. Contrasts this to printing messages on console which loads the state lazily. The code execution and realtime changes can be traced together. Using the tools we can create breakpoints in the code editor. These breakpoints can then be used to debug the code and trace the execution of the code.