在 Chrome 中实时编辑 Javascript，就像在 Visual Studio 中编辑并继续一样

Question

Chrome 可以动态编辑 Javascript，无需刷新整个页面，类似于 Visual Studio 的文件隐藏代码编辑和继续功能。这有助于对 JavaScript 函数或片段进行原型设计。

您必须命中断点，然后点击编辑按钮。然后当前的函数将展开，然后您可以返回到它并使更改生效。虽然不如 VS 编辑并继续那么好，但至少是这样。而且看来有些事情是无法改变的。

有没有其他工具可以进行实时 javascript 编辑，或者有更好的方法吗？据我所知，Visual Studio 2010 没有。

function test1() {

    debugger;

    var data_array = [];
    var newvar1 = newfunc()+'dc'; // ok - can edit
    var newvar2 = "hey2"; // ok - can edit
    var newvar3 = 4; // ok can edit

    var someobj = {1:"hey2", 2:"string2"}; // no - can not edit values after executed once
    var word_array = ["hello", "goodbye", "adios"]; // no - can not edit values after executed once

    for (var counter = 0; counter < 500; counter++) {
        data_array[counter] = counter + word_array[Math.floor(Math.random() * (word_array.length))];
    }

}


function newfunc() {
     return "yes44";   
}

类似问题：
使用 Google Chrome 调试和编辑 HTML 页面中嵌入的 javascript
在 Chrome 调试器中编辑

自动保存插件 http://www.google.com/intl/cs-CZ/events/io/2010/sessions/chrome-developer-tools.html Google 演示： https: //github.com/NV/chrome-devtools-自动保存

Answer 1

您可能想尝试适用于 Java 项目的 Chrome 开发工具。它是一个用于在 Chrome 中调试 JavaScript 的 Eclipse 插件，可以与 JavaScript IDE 插件一起使用。通过这种方式，您可以编辑、调试和实时编辑同一个文件（请参阅文本）。