Editing Chrome's real-time Javascript, such as "Edit" and "Continue" in Visual Studio

Question

Editing Chrome's real-time Javascript, such as "Edit" and "Continue" in Visual Studio

Chrome can edit Javascript on the fly without refreshing the full page, similar to editing Visual Studio and continuing to use the code behind the files. This helps when prototyping javascript functions or fragments.

You need to click the breakpoint, and then click the edit button. Then the current function will be expanded, then you can return to it with changes in action. Not as good as VS editing and continuing, but at least it's something. It also seems that some things cannot be changed.

Is there any other tool that can do real-time javascript editing, or is there a better way? Visual Studio 2010 is not as far as I can tell.

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";   
}