javascript - ブラウザでタブを変更するときにボディのサイズ変更が呼び出される

Question

ウィンドウ/ブラウザのサイズ変更をリッスンしたいのですが、次のコードを使用しています:

var reloadTimer = null; 
document.body.onresize = function() {
    if(reloadTimer) clearTimeout(reloadTimer);
    reloadTimer = window.setTimeout(function() {
        //Perform complete page reload. Calls inits again.
        var page = pageData[core.getHash()];
        page.load(page.bindings);
    }, 400);        
};

奇妙なことに、ブラウザでタブを変更すると、これが発生します。タブを変更すると body タグのサイズが変更され、イベントが発生する理由がわかりません。私は Firefox を使用していますが、他のブラウザーでテストしていないので、おそらく FF のバグですか、それともバグであり、何かを正しく行っていないだけなのでしょうか?

更新: 問題の原因は Firebug であると判断されました。タブが変更されるとウィンドウから削除され、高さが変更され、イベントが発生するようです。Firebugでこれが起こらないようにする方法を知っている人は誰でも。本番環境では問題になりませんが、開発モードではかなり厄介です。