DOM Breakpointsを利用した便利なデバッグ方法 ｜ Tips Note by TAM

JavaScriptのデバッグで、特定の処理を行うコードを探す作業は、コードの規模が大きくなったりすると、 時間がかかってしまうことがあります。 Google Chromeに付属されているChrome Developer ToolsのDOM Breakpointsを使用すると、 ページで読み込まれるスクリプトの構造を把握していなくても、該当のコードを効率的に見つけることができます。 ■DOM Breakpoints Chrome Developer ToolsのDOM Breakpointsは、任意の要素について次のタイミングでブレークポイントを 設定することができる機能です。 ・要素のサブツリー変更 ・属性の変更 ・要素の削除 目的の処理で操作される要素に、DOM Breakpointsをセットし、DOMが操作されるタイミングで ブレークした時のコールスタックを確認すると、スクリプトの構

[stryh]

これは便利。該当JSを直に見つけられる[chrome][JavaScript][開発]