デバッグ中にJavaScriptコードを変更する方法はありますか?Visual Studioには「編集して続行」があり、Javaやその他の言語で同様のコードのホットスワップを実行できます。これはJavaScriptで実行できますか?もしそうなら、どのように実行しますか?
4 に答える
Chrome、Safari、およびその他の一部の WebKit ベースのブラウザーには、ライブ編集と呼ばれる Web インスペクターの機能が含まれています。[スクリプト] パネルに移動し、ブレークポイントで停止した場合 (または、ブレークポイントで停止していない場合でも、よくわかりません)、行をダブルクリックしてその行の編集を開始できます。行った変更はスクリプトに反映されます。
Chrome デベロッパー ツールを使用すると、これは非常に簡単です。
インスペクタを開いてタブをクリックしscripts
、ドロップダウン メニューから目的のインスペクタを選択するだけで、スクリプトを自由に編集してブレークポイントを追加できます。ページを更新すると、ブレークポイントはそのまま残ります。
ポール アイリッシュがこの講演を視聴している場合、彼はスクリプトをその場で編集する方法を示しています。
http://paulirish.com/2011/a-re-introduction-to-the-chrome-developer-tools/
また良い:
デバッグ中の場合、実行中のコードを変更するのは非常に簡単です。デバッグ コンソールで Javascript 式を入力すると、コードのすべてのオブジェクトと関数を含むウィンドウのコンテキストで実行されるため、それらを再定義して交換できます。
JavaScript は DOM を変更できるため、基本的に JavaScript ファイルを変更し、保存してリロードする必要があります。私にとっては IE が好きなので、デバッグ モードではないブラウザーで Web ページを実行します。次に、スクリプト ファイルを変更して保存します。ブラウザに戻り、リロード (F5) して変更を確認します。おそらくIE 11にはこの機能があります(おそらくChromeのように、本質的に私が行っていることであり、保存のリロードを私が知ることができるものから変更しています)が、jsファイルを開くことはもちろん、見つけることもできません。非常に貧弱なUI。ファイルアイコンを開くブラウザだと思いますが、常にグレー表示されています。