web-dev-qa-db-ja.com

実行時にjavascriptコードを変更する方法は?

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

19
theninjagreg

Chrome、Safari、および他のいくつかのWebKitベースのブラウザーには、ライブ編集と呼ばれるWebインスペクターの機能が含まれています。 [スクリプト]パネルに移動して、ブレークポイントで停止している場合(またはブレークポイントで停止していない場合でも-不明)、行をダブルクリックしてその行の編集を開始できます。変更は、スクリプトに反映されます。

12
icktoofay

Chrome開発者ツールを使用すると、これは非常に簡単です。

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

ポールアイリッシュではなくこのトークを見ると、彼はスクリプトをその場で編集する方法を示しています

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

また良い:

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

10
wesbos

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

3
Chetan

JavaScriptはDOMを変更できるため、基本的にJavaScriptファイルを変更し、保存してリロードする必要があります。私にとっては、IEが好きなので、デバッグモードではないブラウザでウェブページを実行します。スクリプトファイルを変更して保存します。ブラウザに切り替えてリロード(F5)することができますおそらくIE 11にはこの機能があります(おそらくChromeが基本的に私がしていることであり、保存できるリロードを私が伝えることができるものから変更します)) jsファイルを開くことはおろか、見つけることもできません。UIが非常に貧弱です。ファイルアイコンを開くブラウザは enter image description here ただし、常にグレー表示されます。

0
MtnManChris