提出時のブレークポイント - Chromeデベロッパーツール

Question

Chromeの開発者ツールにブレークポイントを設定して、送信ボタンをクリックすると画面が一時停止する方法はありますか？正確にどのように送信アクションを中断するには？

Answer 1

Google Chrome Dev Toolsで特定のイベントリスナーのブレークポイントを有効にする方法を詳しく説明したvery similar answerを投稿しました。

devツールでは、Sourcesタブに移動し、右側の列に展開/折りたたみ可能なサブパネルを表示します。 Event Listener Breakpointsという名前を展開します。ここには拡張可能なチェックボックスの選択肢があり、それを聞きたいイベントをチェックすることができます。いずれかをチェックすると、そのタイプのイベントが発生するとすぐにChromeがJSコードを破棄します。

具体的にはsubmitイベントをControlグループの下に置きます。 Controlを展開し、submitにチェックを入れてください（下の図のControlのボックスが自動的に追加され、その下の項目の一部ではなくすべてがチェックされていることを示します）。 Chromeの開発ツールは、サブミットイベントが発生するとすぐに動的ブレークポイントに当たってください。

楽しい事実：:)私はこの答えを投稿するボタンをクリックしたときに、私はまだsubmitがチェックさていた、とChromeがブレークポイントにヒット。