jQueryでウィンドウの幅を調べる

開発環境は、Windows 7 Professional(32bit)+Firefox 58.0.2(32ビット)+jQuery 3.2.1。

HTML側

<div id="size"></div>
<div id="size2"></div>

jQuery

	$(window).on('load resize',function(){
		$('#size').html('windowの横幅:' + $(window).width());
		$('#size2').html('スクロールバーも含めたwindowの横幅:' + window.innerWidth);
	});


実行結果
f:id:k01ken:20180522155750p:plain

参考リンク
jQueryで幅の取得と設定(width,innerWidth,outerWidth)
JQueryで読み込み時とリサイズ時にブラウザサイズに横幅を合わせる - Qiita