48

IE の開発ツール、具体的には JavaScript デバッガーは、次に実行するステートメントを指定できる「次のステートメントを設定」コマンドを提供します。こうすることで、関数の特定の部分を効果的にスキップしたり、(再び効果的に) 関数から早期に戻ることさえできます。

だから、この機能のために...

function test () {
    alert(1);
    alert(2);
    alert(3);
}

最初のアラートにブレークポイントを設定して関数を呼び出すと、最初のアラートを実行し (F10)、3 番目のアラートを右クリックして [次のステートメントを設定] を選択します。ここで F10 を押すと、3 番目のアラートが実行されるため、事実上、2 番目のアラートはスキップされます。

(ここで IE でテスト: --- F12 で IE のツールを開き、[スクリプト] タブに切り替え、ブレークポイントを設定し、[デバッグの開始] ボタンを押し、必要に応じてページを更新します)

この「次のステートメントを設定」機能が気に入っています。しかし、Chrome の開発ツールや Firebug では気付きませんでした。この機能はこれらのデバッガーに存在しますか?

4

1 に答える 1

38

Chrome DevTools には「次のステートメントを設定する」機能はありませんが、ブレークポイントで一時停止している間に JavaScript を編集するだけで、次のステートメントをより明示的に定義できます。

Chrome DevTools Live Edit + Breakpoint Debugging を示す短いスクリーンキャストを作成しました。

要するに、ブレークポイントで、[スクリプト] パネルをクリックして変更を加えることで、スクリプトをライブ編集します。+をcmd押しsて保存します。次に、新しい変更を加えてそのコードを確認します。コードをバイパスするだけでなく、新しい機能を追加することもできます。

于 2012-04-30T18:12:12.883 に答える