それマグで!

知識はカップより、マグでゆっくり頂きます。 takuya_1stのブログ

習慣に早くから配慮した者は、 おそらく人生の実りも大きい。

JavaScript で画面サイズ・モニタサイズ・ブラウザサイズ

JS でモニタサイズやウインドウサイズを計算する

モニタサイズ

window.screenで取ることが出来る

(x, y) = (screen.width,screen.height)

window.outerXXでも取ることが出来る

x = window.outerHeight
y = window.outerWidth

ブラウザのWindowサイズ

window.innerXXXで取ることが出来る。

window.innerHeight
window.innerWidth

HTMLのページサイズ(描画しているページの縦横幅

document.documentElement.clientWidth
document.documentElement.clientHeight

ただし、これはビューポートの長さ。

Documentの縦横幅 スクロール可能量も含めたhtml描画の高さ

window.document.documentElement.scrollHeight
window.document.documentElement.scrollWidth

某クエリ言語中毒患者のために

$(document.body).css("width") ///これは window.innerWidthとおなじ。

もう少しサイズについて調べる

iPhoneの場合。

{"window.outerWidth":window.outerWidth , "window.innerWidth":window.innerWidth} 
//=>{"window.outerWidth":320,"window.innerWidth":1024}
a = {"window.outerWidth":window.outerWidth , "window.innerWidth":window.innerWidth}
Object {window.outerWidth: 1680, window.innerWidth: 1048}

ま、過信しないことですね。