javascriptで画面サイズ、ウインドウサイズを取得する方法まとめ

https://web-designer.cman.jp/javascript_ref/window/size/

↑狭い
ウインドウ全体 - ウインドウ枠 - スクロールバー: document.body.clientWidth/Height
ウインドウ全体 - ウインドウ枠                 : window.innerWidth/Height
ウインドウ全体                                : window.outerWidth/Height
非表示部分を含めたページ全体 ※1              : document.body.scrollWidth/Height
ディスプレイ全体 - タスクバー                 : window.screen.availWidth/Height
ディスプレイ全体                              : window.screen.width/height
↓広い

※1：正確には、ページ全体とウインドウ全体の大きい方が戻る