JavaScript

[JavaScript] ブラウザのサイズを取得する

投稿日:2016年10月8日 更新日:

表示中のブラウザのサイズを取得するには、
window.outerWidth / window.outerHeightまたは
window.innerWidth / window.innerHeightを使用します。

サンプル

ブラウザのサイズには枠やメニューバーなどを含んだ全体のサイズと、枠やメニューバーを含まないウェブページの表示領域のサイズがあり、それぞれ取得することができます。

実行サンプル

↓お使いのウィンドウサイズを表示しています。




※値を更新したい場合は「再表示」ボタンを押してリロードしてください。

解説

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 文字列がYYYYMMDD形式の日付文字列であるかどうかチェックする

文字列がYYYYMMDD形式の日付文字列であるかどうかチェックするサンプルFunctionです。 サンプルソース 例)値 ...

[JavaScript] ブロックスコープを定義する

JavaScriptでブロックスコープを定義する方法です。 ECMAScript5以前の環境では即時関数を使用しますが、 ...

[JavaScript] 画像の元サイズを取得する(.naturalWidth/.naturalHeight)

imgタグに縮小/拡大表示された画像の元サイズを取得するには、.naturalWidth/.naturalHeightを ...

[JavaScript] ウィンドウサイズ変更時に処理を行う(onResize)

ウィンドウサイズ変更時に処理を行うには、onResizeイベントハンドラを使用します。 サンプルソース 例)ウィンドウサ ...

[JavaScript] 2進数、8進数、16進数の数値リテラル

数値リテラルで2進数、8進数、16進数を表す方法です。 2進数の数値リテラル 2進数を数値リテラルで表す場合は、2進数表 ...

スポンサーリンク