3

Chromeは完全なページの更新を行わずに、JavaScriptを編集することができます。これは、javascript関数またはスニペットのプロトタイプ作成時に役立ちます。Visual Studioで編集と続行などのChromeで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"; 
} 

同様の質問:
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

+1

Operaを使用できます。 Operaでは、インラインJSファイルとJSファイルの編集が可能です。ページをソフトリロードすると、変更内容が適用されます。右クリック>「ソース」>「変更を加える」>「変更を適用」をクリックします。 – XP1

+0

「編集」ボタンはどこですか? – Mark

答えて

1

あなたはChrome Dev Tools for Javaプロジェクトを試してみたいことがあります。これは、JavaScript IDEプラグインと一緒に使用できる、ChromeのJavaScriptをデバッグするためのEclipseプラグインです。この方法で、同じファイルを編集、デバッグ、ライブ編集できます(text参照)。

+0

ストレートクロムを使用する以外にも、これはライブ編集機能を利用する唯一の方法ですが、この方法でもChromeを使用しています。 – GravityWell

+0

技術的には、ライブ編集を提供するV8です。だから理論的には、どんなV8ベースのアプリケーションもあなたにそのような経験を与えるでしょう。残念ながら、Node.JS(私が知っている唯一のアプリケーション)は、ライブ編集を妨げるいくつかのトリックを持っています。 – beefeather

+0

Chrome Dev Tools for Javaプロジェクトページの内容: プロジェクトはもはや積極的に管理されていません http://code.google.com/p/chromedevtools/ – wolfstevent