送信時のブレークポイント-Chrome開発者ツール

Question

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

Answer 1

私は 非常によく似た答え Googleで特定のイベントリスナーブレークポイントを有効にする方法を詳しく投稿しましたChrome DevTools。

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

特に、submitグループの下にControlイベントが必要です。下の画像に示すように、Controlを展開し、submitにチェックマークを付けます（Controlのボックスは、その下のアイテムのすべてではなく一部を示すために自動的に追加されますチェックされています）。 Chromeの開発ツールは、送信イベントが発生するたびにすぐに動的ブレークポイントに到達する必要があります。

おもしろい事実：この回答を投稿するためにボタンをクリックしたとき、まだsubmitにチェックマークが付いていて、Chromeブレークポイントにヒットしました:)。