如何实时调试前端代码

Question

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

Answer 1

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

Answer 2

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