【Javascript】PC、スマホでウィンドウサイズを取得したい

###PC、スマホでウィンドウサイズを取得したいです
下記４つコードで網羅できるのか、
それとも他に必要なコードがあるのか、
または４つもいらないのか。
ご教示頂ければ幸いです。

###該当のソースコード

JavaScript
1window.innerHeight
2window.outerHeight
3screen.availHeight
4screen.height

行動規範の内容に同意します

回答1件

ベストアンサー

それぞれ用途が違うので、実機で値の差分を確認して適したものを利用すると良いかもしれません。

水平スクロールバー（表示されている場合）を含む、ブラウザウィンドウのビューポート (viewport) の高さを返します。

ブラウザウィンドウの外側の高さを取得します。 window.outerHeight は、ツールバー、ウィンドウ chrome を含む、ブラウザウィンドウ全体の高さを表します。

画面上でウィンドウが利用可能な垂直空間の大きさを返します。

画面の高さをピクセル単位で返します。

投稿2017/09/04 12:01

総合スコア4106

2017/09/04 12:58

ご回答ありがとうございます。現在見ている画面の大きさを取得したければ、 window.screen.availHeight、window.screen.height 上記２つで問題ないでしょうか。

2017/09/04 13:05

こちらの情報によると、screen.availHeightでよいかと思います。 [JavaScriptとjQueryで様々な画面サイズを取得する](http://am1tanaka.hatenablog.com/entry/2016/03/05/232753)

2017/09/04 13:26

ありがとうございます。勉強になりました。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問