0000 0000

ブラウザ クライアント領域の幅と高さ

ウェブアプリ開発などで作業中のブラウザサイズを取得したい場合に。

ウェブアプリ開発などで作業中のブラウザサイズを取得したい場合にいかがでしょうか。
開発中ブラウザに別タブでこのページを表示させておけば現在の値がリアルタイムに取得できます。

ブラウザ クライアント領域の幅と高さは以下のJavaScriptで取得できます。
document.documentElement.clientWidth
document.documentElement.clientHeight

Chromeのデベロッパーツールでモバイルデバイス表示モードにした場合:
表示される数値は正しいですが、矢印の長さが不足する場合が有ります。
2017年10月初版
2024年10月改訂
このサイトについてのお問い合わせはエーオーシステムまでお願いいたします。
ご使用上の過失の有無を問わず、本プログラムの運用において発生した損害に対するいかなる請求があったとしても、その責任を負うものではありません。