ページ内でアクションが発生したら、どの要素に変更が加えられているかを判断しますか？

Question

ウェブサイトの特定の機能をリバースエンジニアリングしようとしていますが、特定のボタンを押したときに発生するイベント（クラスの追加または属性の変更）を追跡しようとしています。関連するコードで何かを見つけることができません。そのため、ブラウザ内でChrome Devツールを使用して表示する方法がありますか？

Answer 1

実行する変更の種類に応じて、DOMの変更またはイベントリスナーのいずれかに自動ブレークポイントを設定できます。デベロッパーツールで要素]タブをクリックします

• ：DOM変更ブレークポイントを設定するには

  ：としてon the developers.google.comをカバーしました。

• ブレークポイントを設定する要素に移動します。
• 要素を右クリックします。その後、サブツリーの変更を選択
• ホバー上でBreak 上、属性はを変更、またはノードの除去。

記事では、他のすべての可能な自動ブレークポイントの設定の可能性をカバーするので、同様にそれの残りの部分をチェックしてください。