How to effectively debug JavaScript code?

Question

JavaScript

It happens that when finalizing someone else’s layout, you come across scripts scattered throughout the markup and you don’t understand well what is responsible for what. For example, you need to define a handler for a certain group of tags. What are effective debugging tools for such cases?

Answer 1

Article how to use chrome devtools

Answer 2

Use WebStorm. This is the best framework for JS.
If from a browser, Chrom and a standard debugger are better.
Firebug for FireFox is buggy. The last version is very buggy (I work every day).

Answer 3

in Crome DevTool, you can put handlers on dom, on changing content and changing attributes, and as soon as the script changes something, you will immediately turn on the debugger. Very comfortably.

Answer 4

Visual Event can help in your case.

Answer 5

Chrome, Console, Event Listeners

Answer 6

Firebug + console.log();

Answer 7

visual studio can debug js like c++ and c#

Answer 8

Mozilla has an extremely convenient debugger, with bugs, for checking the execution of the script.

Answer 9

Every browser has a debugger that can be opened with Ctrl+Shift+J.

Answer 10

Chrome DevTools course from Google itself