javascript - 如何实时调试前端代码

一般都用控制台调试css，但js的话需要修改源文件才行，有什么办法可以直接修改js调试？ps：若能在控制台修改直接让源文件改动就好了，大家有什么经验？

回复内容：

一般都用控制台调试css，但js的话需要修改源文件才行，有什么办法可以直接修改js调试？ps：若能在控制台修改直接让源文件改动就好了，大家有什么经验？

chrome 的source一栏，打开js文件后，修改ctrl+s 就生效了，当然刷新页面重新加载js会失效。
Firebug应该也有类似功能。

一般来说livereload在源文件改完ctrl+s保存就生效了..和在控制台改有啥区别呢

将文件夹拖入chrome dev的source panel里可以设置工作目录，在chrome里修改js文件后可以自动保存到目录对应的文件里