Chrome 在线调试 JS 的问题

Question

调试chrome开发工具js

Answer 1

如果你可以修改JS并且去运行，前端也没有存在的必要了吧，还存在什么安全虽然不知道为什么会有这样的需求，如果是自己的网站 你完全可以本地修改测试js代码即便是别人上限的网站，你也可以扒到本地，至于js的话，你也可以下载到本地，修改并且调试，当然其他例如样式的东西，可以直接采用别人的线上地址，只是针对调整单独的js来讲

Answer 2

如果在本地修改后保存，chrome有类似的功能：
http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace/

Answer 3

有个简单的方法，但是需要页面js的支持。按F12 ，打开Console标签，在里面是可以写js脚本的
各种脚本。如果你的页面有一个启动的函数，比如pageStat 。那么可以在这里调用这个函数，开始页面的js的执行。或者你是一下 window.onload();如果用的jQuery.ready，还是匿名函数，那就没啥招了。

Answer 4

sources里面的文件可以修改， 修改后就会执行你修改了的代码，但是页面一刷新就会没了，所以一些页面加载就运行了的代码你本地改了也没用~
而那些点击事件之类的代码就可以生效, 个人感觉仅仅是方便调试，不用每次都去改源码

Answer 5

比如这样一个场景：
代码在开发阶段是没有压缩的，上线后都压缩在了一行。
但是上线后浏览器控制台报错，但因为是压缩的，错误位置就难以定位。
如果是首次加载错误就更难定位，因为可能js文件依赖较多。
当代码量很大时，都在控制台里执行不好吧，还是难以定位。
最好是在source里修改后，映射到本地修改的版本。