How to use debugging JavaScript in Chrome DevTools?

How to use Chrome DevTool to debug JavaScript and get things done quickly?

Many time we work on JavaScript and resolve bugs debugging with console.log. It solves the problem but takes much time. To debug code quickly and solve the problems, we should use Chrome DevTools which is very powerful and convenient to solve the JavaScript in very less time. Please refer to the below URL where it has elaborated clearly in video and text format illustrating it using images.

https://developers.google.com/web/tools/chrome-devtools/javascript/

With this debugger, we can track issues very quicky without going to exact path of the file. Everybody should start using it and be usual with it which will save a lot of time of us.