ブレークポイントを貼らずにアニメーション処理などの途中で画面を一時停止させる方法 #JavaScript

概要

ビルドされたファイルが難読化されてたりすると該当部分がよくわからないことがあり、ブレークポイントを貼るのに時間がかかったりする。

そんなときはアニメーション処理のコードの途中に

debugger;

を書けばGoogle Chromeのデベロッパーツールが画面を停止させてくれる。アニメーション中の細かい位置などを確認したいときにおすすめ。

onClick が呼び出されるたびに、f という関数が呼び出され、スクリプトは強制的に debugger キーワードで一時停止されます。