サイズを取得する「javascript」ナナヨ マニュアル

閲覧しているブラウザのサイズを取得する方法です。

サイトの表示確認の時に使用します

下記の　javascript　を追記。

javascript の記述

//読み込み時の表示
window_load();
//ウィンドウサイズ変更時に更新
window.onresize = window_load;

//サイズの表示
function window_load() {
	document.winsize.sw.value = window.innerWidth;
	document.winsize.sh.value = window.innerHeight;
}

HTML

<div stlye="white-space: nowrap;background-color: #7fffbf;">
<form name="winsize">
<span class="h4">ウィンドウサイズ：横幅 = <input name="sw" type="text"  style="max-width:150px;"> / 高さ = <input name="sh" type="text" style="max-width:150px;">
</span>
</form>

表示

こんな感じです。

各メディアの大きさに合わせて、ページを作成する際の目印に使っています。