20

有没有办法在调试时修改 JavaScript 代码?Visual Studio 有“编辑并继续”,类似的代码热交换可以用 Java 和其他语言完成。这可以用 JavaScript 完成吗?如果可以,怎么做?

4

4 回答 4

13

Chrome、Safari 和其他一些基于 WebKit 的浏览器在 Web Inspector 中包含一项称为 Live Edit 的功能。如果您转到“脚本”面板并在断点处停止(或者即使没有在断点处停止 - 我不确定),您可以双击一行并开始编辑该行。您所做的更改将在脚本上生效。

于 2011-09-08T05:06:19.367 回答
12

使用 Chrome 开发者工具,这非常简单。

只需弹出打开检查器,单击scripts选项卡,从下拉菜单中选择您想要的,然后您就可以自由编辑脚本并添加断点。如果您刷新页面,您的断点将保留在那里。

如果您观看此演讲,但 Paul Irish,他将展示您如何即时编辑脚本

http://paulirish.com/2011/a-re-introduction-to-the-chrome-developer-tools/

也很好:

http://blip.tv/jsconf/jsconf2011-paul-irish-5382827

于 2011-09-08T05:06:02.743 回答
4

如果您是在调试时谈论,那么修改正在运行的代码非常容易。在您的调试控制台中,您可以输入 Javascript 表达式,它将在窗口的上下文中运行,其中包含代码的所有对象和函数,因此您可以通过重新定义它们来交换它们。

于 2011-09-08T05:00:54.197 回答
1

因为 JavaScript 可以修改 DOM,所以您必须更改 JavaScript 文件,保存并重新加载。对我来说,我喜欢 IE,所以我在浏览器中运行网页,而不是在调试模式下。然后您可以更改脚本文件,保存它们。切换回浏览器并重新加载 (F5) 以查看您的更改。据说 IE 11 具有这种能力(可能就像 Chrome 一样,这本质上就是我正在做的事情,改变了我所知道的保存重新加载)但我找不到它,更不用说打开一个 js 文件了。超级差的用户界面。我猜浏览器打开文件图标是在此处输入图像描述,但它总是灰显。

于 2015-11-04T17:22:37.827 回答