如何在chrome web开发人员工具中对Javascript进行实时更改?

时间:2014-04-20 01:49:07

标签: javascript jquery google-chrome google-chrome-devtools

我试图弄清楚如何对javascript进行更改,然后使用新的javascript更改重新加载页面,就像你可以动态更改CSS和html一样。我知道javascript需要实际重新加载页面,但问题是一旦你重新加载它重新下载服务器上的原始javascript。

那么如何动态修改javascript以便我可以使用新的javascript更改来测试设计而无需将其上传到服务器?

1 个答案:

答案 0 :(得分:0)

也许您想要使用LiveEdit feature in Chrome?使用它就像打开开发人员工具一样简单,转到“源”面板,然后使用Ctrl/Cmd + Shift + O查找要编辑的脚本。然后单击暂停按钮以暂停调试,根据需要修改脚本,然后Ctrl/Cmd + S保存修改,最后单击暂停/恢复按钮以继续执行。