web-dev-qa-db-ja.com

「次のステートメントを設定」機能はChromeの開発ツールまたはFirebugにありますか?

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

したがって、この関数の場合...

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

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

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

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

44
Šime Vidas

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

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

本質的には、ブレークポイントで、[スクリプト]パネルをクリックして変更を加えることにより、スクリプトをライブ編集します。ヒット cmds 保存する。次に、そのコードを新しい変更とともにウォークスルーします。コードをバイパスするよりもはるかに強力で、新しい機能を追加することもできます。

37
Paul Irish