在 Chrome 中实时编辑 Javascript，如在 Visual Studio 中编辑并继续答案

【问题标题】：Editing Javascript in Chrome real time, like Edit and Continue in Visual Studio在 Chrome 中实时编辑 Javascript，如在 Visual Studio 中编辑并继续
【发布时间】：2012-04-29 20:05:10
【问题描述】：

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

你必须打一个断点，然后点击编辑按钮。然后当前函数将被展开，然后您可以在更改生效后退回到它。不如 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";   
}

类似问题：
Using Google Chrome to debug and edit javascript embedded in HTML page
Editing in the Chrome debugger

自动保存插件 http://www.google.com/intl/cs-CZ/events/io/2010/sessions/chrome-developer-tools.html 谷歌的介绍： https://github.com/NV/chrome-devtools-autosave

【问题讨论】：

你可以使用 Opera。 Opera 允许编辑内联 JS 和 JS 文件。软重新加载页面后，您的更改将被应用。右键单击 > 源 > 进行更改 > 应用更改。
“编辑”按钮在哪里？

标签： javascript debugging google-chrome google-chrome-devtools

【解决方案1】：

您可能想尝试Chrome Dev Tools for Java 项目。它是一个用于在 Chrome 中调试 JavaScript 的 Eclipse 插件，可以与 JavaScript IDE 插件一起使用。这样您就可以编辑、调试和实时编辑同一个文件（请参阅text）。

【讨论】：

除了直接使用 Chrome，这可能是获得实时编辑功能的唯一其他方法，但公平地说，这种技术也使用 Chrome。
技术上是 V8 提供实时编辑。所以理论上任何基于 V8 的应用程序都会给你这样的体验。不幸的是，Node.JS（我知道的唯一应用程序）有一些技巧可以阻止实时编辑。
Chrome Dev Tools for Java 项目页面说：该项目不再积极维护code.google.com/p/chromedevtools