【JavaScript】複数ステップにまたがるJavaScriptコードにブレークポイントを貼りたい

Author:
Keyboard with glowing social network icons

JavaScriptって、けっこう最適化されたりすると一行に複数ステップが書かれたりしますよね。
function(b) {var a=1;if(b>0) {
こんな感じに。

そういう場合、ブレークポイントをどうやって貼ったらいいか迷う事があるでしょう。
自分もそうなのですが。

ちょっと調べたら各種ブラウザにJavaScript整形機能があるっぽいので
紹介しようと思います。

IEの場合(IE11)

F12で開発者ツールを開き、ツールバーの整形をクリック。
js_ie

Chromeの場合

F12で開発者ツールを開き、{}ボタンをクリック。
js_chrome

FireFoxの場合

ctrl+Shift+Sでデバッグウィンドウを開き、右クリックから整形を選択。
js_ff

これで快適にデバッグができるはず。

Share on Facebook
Pocket