extjs - ブラウザウィンドウのクライアントサイズを知るには?

Question

ブラウザ ウィンドウのクライアント サイズを知りたいです。私は簡単なスクリプトを使用します：

wwidth  = window.innerWidth
wheight = window.innerHeight

IE8、IE9では動作しません。すべての形式のブラウザーで extjs を使用してこのパラメーターを知る方法は?

Answer 1

Ext JS を使用している場合は、以下を使用できます。

Ext.getBody().getViewSize()

Answer 2

プレーンな JavaScript でのクロスブラウザー関数のサンプルを次に示します。

var getSize = function () {
    var winW = 0, winH = 0;
    if (document.body && document.body.offsetWidth) {
        winW = document.body.offsetWidth;
        winH = document.body.offsetHeight;
    }
    if (document.compatMode=='CSS1Compat' && document.documentElement && document.documentElement.offsetWidth ) {
        winW = document.documentElement.offsetWidth;
        winH = document.documentElement.offsetHeight;
    }
    if (window.innerWidth && window.innerHeight) {
        winW = window.innerWidth;
        winH = window.innerHeight;
    }   
    return { width: winW, height: winH };
};

window.onload = function(){
    alert(getSize().width);
};

Answer 3

function viewport(){
   var e = window , a = 'inner';
   if ( !( 'innerWidth' in window ) ) {
     a = 'client';
     e = document.documentElement || document.body;
   }
   return { width : e[ a+'Width' ] , height : e[ a+'Height' ] }
}