Firebugを利用したオブジェクトの監視

Javascriptでゴリゴリ書いてあるサイトで、DOM要素の値がどのように遷移しているのか知りたいんだけど、console.debug()どこで書いたらいいんだよとか、ソースなんて読めないよーということを考えいたら、以下のようなことを思いついた。所詮、デバッガ(Firebug)を使いこなせないヘタレのあがきです。

hoge = setInterval(function hoge(){console.debug($('foobar').style.height); }, 100)

Firebugのコンソールで以上のように入力する。

clearInterval(hoge)

止めないと無限に動き続けますよ!注意!