JavaScriptの実行タイミングをリアルタイムで監視したい

Question

chromeを使っています。
デバッグ時にJavaScriptがどのタイミングでどの処理をしているのかをリアルタイムで見たいのですが可能でしょうか?

Answer 1

思いつく方法としては

1. console.log()命令で処理を追いたい部分にソースを追加
2. 処理を追いたいJavascriptを含んだHTMLファイルをChromeで開く
3. F12（Macの場合は［Command］＋［Option］＋［I］）を押してWebDeveloperToolsを立ち上げる
4. WebDeveloperToolsの[Console]タブをクリックしてから、Chromeで更新などをしてHTMLファイルを再読込する
5. console.log()の書いた箇所が実行されると、console.log()の内容がWebDeveloperToolsのConsoleに書き込まれる

参考サイト: console.logで変数の中身をconsoleに出力 - JavaScriptist

もし「ステップ実行」の事をおっしゃられていましたら、見当違いの回答でした。