IEの開発ツール、より具体的にはJavaScriptデバッガーは、「次のステートメントを設定」コマンドを提供します。これにより、次に実行するステートメントを指定できます。そうすれば、関数の特定の部分を効果的にスキップしたり、(再び、効果的に)関数から早期に戻ることができます。
したがって、この関数の場合...
function test () {
alert(1);
alert(2);
alert(3);
}
最初のアラートにブレークポイントを設定してから関数を呼び出すと、最初のアラート(F10)を実行し、3番目のアラートを右クリックして[次のステートメントを設定]を選択できます。ここで、F10を押すと、3番目のアラートが実行されるため、事実上、2番目のアラートはスキップされました。
(テストインIE ここ :--- F12でIEのツールを開き、[スクリプト]タブに切り替え、ブレークポイントを設定し、[デバッグの開始]ボタンを押して、ページを更新します必要ならば)
私はこの「次のステートメントを設定する」機能が好きです。ただし、Chromeの開発ツールやFirebugでは気づきませんでした。この機能はそれらのデバッガーに存在しますか?
Chrome DevToolsには「SetNextStatement」がありませんが、ブレークポイントで一時停止しているときにJavaScriptを編集するだけで、次のステートメントをより明示的に定義できます。
短い スクリーンキャスト を作成しましたChrome DevTools Live Edit + BreakpointDebugging。
本質的には、ブレークポイントで、[スクリプト]パネルをクリックして変更を加えることにより、スクリプトをライブ編集します。ヒット cmd + s 保存する。次に、そのコードを新しい変更とともにウォークスルーします。コードをバイパスするよりもはるかに強力で、新しい機能を追加することもできます。