Google Chrome で HTML をデバッグできることを最近知った。開発者ツールの Elements を開いて右クリックで 「Break on
」 という項目があるので、その中から Element の更新タイミングを選択するだけだ。
- subtree modifications: 子要素に変更があったときに描画を一時停止する
- attribute modifications: 要素自体に変更があったときに描画を一時停止する
- node removal: 要素が消えたときに描画を一時停止する
自分の場合は、a タグに謎のクエリストリングが focus のタイミングの付与されるのを調べるときに役に立った。(そのときは GA の js が自動付与していたことがわかった。)