実行時にjavascriptコードを変更するにはどうすればよいですか？

Question

デバッグ中にJavaScriptコードを変更する方法はありますか？ Visual Studioには「編集して続行」があり、Javaや他の言語で同様のホットスワップが可能です。 JavaScriptでこれを行うことはできますか？

Answer 1

クローム、サファリ、および他のWebKitベースのブラウザの中には、Web InspectorにLive Editと呼ばれる機能が含まれています。 [スクリプト]パネルに移動してブレークポイントで停止している場合（またはブレークポイントで停止していない場合でもわかりません）、行をダブルクリックしてその行の編集を開始できます。変更はスクリプトに反映されます。

Answer 2

デバッグ中に話していると、実行中のコードを変更するのが非常に簡単です。デバッグコンソールでは、Javascriptの式を入力することができます。ウィンドウのコンテキストで実行されます。ウィンドウのコンテキストには、コードのすべてのオブジェクトと関数が含まれているため、それらを再定義してスワップできます。

Answer 3

Chromeデベロッパーツールでは、これは簡単に行えます。

scriptsタブをクリックしてポップアップインスペクタを開き、ドロップダウンメニューから必要なものを選択すると、スクリプトを編集してブレークポイントを追加することができます。ページを更新すると、ブレークポイントはそこに残ります。

あなたは、この話が、ポール・アイリッシュを見れば、彼はあなたがフライも

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

良い上のスクリプトを編集する方法を示しています。

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

Answer 4

JavaScriptはDOMを変更できるため、基本的にJavaScriptファイルを変更して保存してから再読み込みする必要があります。私にとってはIEが好きなので、ブラウザーではなくDEBUGモードでWebページを実行します。その後、スクリプトファイルを変更して保存することができます。ブラウザに戻ってリロード（F5）して変更を確認します。おそらくIE 11にはこの機能があります（おそらくChromeのように私がやっていることですが、保存リロードを変更することで変更することができます）。しかし、jsファイルを開くことはできません。超貧弱なUI。私はファイルアイコンを開くためにブラウザを推測していますですが、それは常に灰色です。