Javascript-how to debug front-end code in real time

I usually use the console to debug css, but if Javascript needs to modify the source file, how can I directly modify js debugging? Ps: If you can modify the source file directly on the console, What experience do you have? I usually use the console to debug css, but if Javascript needs to modify the source file, how can I directly modify js debugging? Ps: If you can modify the source file directly on the console, What experience do you have?

Reply content:

I usually use the console to debug css, but if Javascript needs to modify the source file, how can I directly modify js debugging? Ps: If you can modify the source file directly on the console, What experience do you have?

In chrome's source column, after opening the js file, the modification ctrl + s takes effect. Of course, refresh the page and reload js will become invalid.
Firebug should have similar features.

In general, livereload takes effect after ctrl + s is changed to the source file. What is the difference between livereload and ctrl + s?

Drag the folder into the source panel of chrome dev to set the working directory. After modifying the js file in chrome, it can be automatically saved to the corresponding file in the directory.