利用可能なブラウザ領域を見積もる良い方法

Question

私はブラウザの表示可能領域の最大サイズを見積もる最良の方法を見つけようとしています。つまり、画面のサイズがツールバー、ブックマークなどに比べて少なくなることです。ウィンドウが最大化されていない場合や、実際にはさまざまなブラウザを実際に使用しているため、完璧ではありません。

目的は、画像の最大サイズを計算することです。あなたはdocument.body.offsetWidthとdocument.body.offsetHeight性質を試すことがIEの場合、このコード

​​

を使用することができますFirefoxでは

Answer 1

をあなたはまた何にもjQuery'swidth()機能を使用することができます。

画面オブジェクトは、ここにそのプロパティを確認し、（それが役立つかもしれない）画面のプロパティを取得します。しかし、ウィンドウのサイズが変更された場合、これは変更され、元々レイアウトに基づいています。 watch for that eventでも構いませんが、複雑なことをするとパフォーマンスが低下する可能性があります。

Answer 2

。 $(window).width()：link text

Answer 3

ビューポートを決定するクロスブラウザ機能。ブラウザの画面の幅、高さ、左上の位置を含む配列を返します。

function getViewport() { 
     var iWidth,iHeight,iTop,iLeft, 
      w = window, d = document; 
      iWidth = w.innerWidth || d.documentElement.clientWidth 
        || d.body.clientWidth || 0; 
      iHeight = w.innerHeight || d.documentElement.clientHeight 
        || d.body.clientHeight || 0; 
      iTop = w.pageYOffset || d.body.scrollTop 
        || d.documentElement.scrollTop || 0; 
      iLeft = w.pageXOffset || d.body.scrollLeft 
        || d.documentElement.scrollLeft || 0; 
      return [iWidth,iHeight,iLeft,iTop]; 
}