ウィンドウサイズ・画面サイズを調べる｜ディスプレイ解像度＆ブラウザーサイズ確認ツール【みんなの知識ちょっと便利帳】

Table of Contents - いろいろ Tips - 目次: Sitemap Generator - サイトマップ生成プログラム

In-Page Search - 検索を自ページ設置

Download Counter - ダウンロードカウンター

Draft Manager - ブラウザで下書き保存

Text Encryption - テキスト暗号・復号化

CSS & JavaScript - 圧縮・整形/復元ツール

Simple Yet Powerful Note Tool - メモメモ

Task Management - 仕事/やること管理

Local Storage Check - ローカルストレージチェック

Pixel Art - ピクセルアート作成

Freehand Drawing - フリーハンドドローイング

Pomodoro Timer - ポモドーロタイマー

Text Counter - 文字数カウント

Notepad - メモ帳

原稿用紙エディター

俳句・短歌下書きツール

ウィンドウサイズ

インターネット環境

タブを再び開く

Webページ最新状態

ページ内文字検索

スマホページ内検索

画像を加工する

Macでカラーコードを調べ

Mac用解凍ソフト

ショートカット

コピペの方法

右クリック禁止を回避

ローマ字かな入力変換表

ひらがな→ヘボン式ローマ字変換

ウェブページで長音ローマ字

ファイル差分チェック

音声合成

テキスト読み上げ

テキスト読み上げ書き方

全国公衆電話の場所

よく使う記号

キーボードの記号

キーボードの記号と入力方法

操作で使うキーの名称

CSSでカーソルを変える

CSS & JavaScript 圧縮・整形ツール-日本語版

ウィンドウサイズ・画面サイズを調べる
現在のウィンドウサイズ・画面解像度をリアルタイム測定

・ディスプレイの画面解像度　
・アクセスした時点の画面サイズ
・ブラウザーの大きさを変更した時点の画面サイズ

お使いのディスプレイの画面解像度

横：1280

縦 : 720

お使いのディスプレイの利用可能領域

横：1280

縦 : 720

現在のウィンドウサイズ ①

^＊画像説明 ①

(スクロール・メニュー・ステータスバーなどを除く)

横：1280

縦 : 720

現在のウィンドウサイズ ②

^＊画像説明 ②

(スクロールバーを含み、メニュー・ステータスバーなどを除く)

横：1280

縦 : 720

現在のウィンドウ全体

^＊画像説明 ③

(スクロール・メニュー・ステータスバーなどを含む外枠全体)

横：1280

縦 : 720

アクセス時のウィンドウサイズ
(スクロールバーを含み、メニュー・ステータスバーなどを除く)

横 : 1280

縦 : 720

ドキュメント(body)の高さ
(このページ全体の高さです。可変ではありません)

縦 : 9784

横幅
No	JavaScript	意味		現在値
a1	screen.width	ディスプレイサイズ(解像度)	横：
b1	screen.availWidth	ディスプレイの利用可能領域	横：
h1	document.documentElement.clientWidth	ウィンドウサイズ(スクロールバーを除く)	横：
c1	window.innerWidth	ウィンドウサイズ(スクロールバーを含む)	横：
d1	window.outerWidth	ウィンドウ全体のサイズ(外枠を含む全体)	横：
e1	document.body.clientWidth	ウィンドウサイズ(スクロールバーを除く)	横：	1264
f1	document.body.offsetWidth	ウィンドウサイズ(スクロールバーを除く)	横：	1264
g1	document.body.scrollWidth	ウィンドウサイズ域(スクロールバーを除く) ※widthを指定している場合は*2参照	横：	1264
i1	document.documentElement.offsetWidth	ウィンドウサイズ(スクロールバーを除く)	横：	1280
j1	document.documentElement.scrollWidth	ウィンドウサイズ(スクロールバーを除く) ※widthを指定している場合は*2参照	横：	1280

高さ
No	JavaScript	意味		現在値
a2	screen.height	ディスプレイサイズ(解像度)	縦：
b2	screen.availHeight	ディスプレイの利用可能領域	縦：
h2	document.documentElement.clientHeight	ウィンドウサイズ(スクロールバーを除く)	縦：
c2	window.innerHeight	ウィンドウサイズ(スクロールバーを含む)	縦：
d2	window.outerHeight	ウィンドウ全体のサイズ(外枠を含む全体)	縦：
e2	document.body.clientHeight	ドキュメント(body)の高さ	縦：
f2	document.body.offsetHeight	ドキュメント(body)の高さ	縦：	9784
g2	document.body.scrollHeight	ブラウザにより異なる(*3)	縦：	9784
i2	document.documentElement.offsetHeight	ドキュメント全体(body)の高さ	縦：	9800
j2	document.documentElement.scrollHeight	ブラウザにより異なる(*4)	縦：	9800

ブラウザーの大きさを変更すると、変更されたウィンドウサイズが連動して表示され、現在、どの位の大きさのウィンドウで見ているかなどが分かります。
大きいサイズのディスプレイでWebページを作成したりする場合、ブラウザーのサイズを一般的なディスプレイサイズに変更して確認することができます。
《ウィンドウサイズを取得するプロパティ》

① Client Width / Client Height
② Inner Width / Inner Height
③ Outer Width / Outer Height

液晶ディスプレイの表示部実寸法を調べる

パソコンやインターネットの環境調べる

お使いのブラウザーの、現在の画面サイズ [ウィンドウサイズ]
ウィンドウサイズ　　横 = × 縦 =

「ちょっと便利帳」をご利用の方のディスプレイ環境 2017/03/31現在 Google Analytics
順位	画面の解像度	割合
1	375 x 667	21.67%
2	360 x 640	14.11%
3	320 x 568	10.4%
4	1366 x 768	10.25%
5	1920 x 1080	7.93%
6	1280 x 1024	4.86%
7	768 x 1024	2.89%
8	414 x 736	2.25%
9	1600 x 900	1.9%
10	360 x 592	1.84%
11	720 x 1280	1.7%
12	1080 x 1920	1.68%
13	1280 x 800	1.64%
14	1440 x 900	1.42%
15	1536 x 864	1.03%
16	1280 x 720	0.85%
17	1920 x 1200	0.85%
18	1680 x 1050	0.81%
19	1024 x 768	0.71%
20	1093 x 614	0.62%
21	2560 x 1440	0.58%
22	1301 x 731	0.49%
23	600 x 960	0.33%
24	1242 x 698	0.32%
25	1438 x 808	0.25%
2016/04/01〜2017/03/31 Google Analytics

「ちょっと便利帳」をご利用の方のディスプレイ環境 2012/06/01現在 Google Analytics
順位	画面の解像度	割合
1	1280 x 1024	15.25%
2	1366 x 768	13.59%
3	1024 x 768	12.31%
4	1280 x 800	10.90%
5	1920 x 1080	6.80%
6	320 x 480	6.14%
7	1440 x 900	3.51%
8	1680 x 1050	3.09%
9	1600 x 900	2.24%
10	1920 x 1200	1.43%
11	768 x 1024	1.38%
12	1093 x 614	0.87%
13	1280 x 720	0.65%
14	1311 x 737	0.62%
15	800 x 1367	0.58%
16	1280 x 768	0.58%
17	1536 x 864	0.57%
18	800 x 1270	0.54%
19	1152 x 864	0.54%
20	800 x 1360	0.53%
21	2560 x 1440	0.50%
22	1600 x 1200	0.49%
23	800 x 1220	0.47%
24	800 x 1243	0.47%
25	1024 x 600	0.47%
2012/06/01現在 Google Analytics

「ちょっと便利帳」をご利用の方のディスプレイ環境 2010/06/01現在 Google Analytics
順位	画面の解像度	割合
1	1024 x 768	31.14 %
2	1280 x 1024	22.74 %
3	1280 x 800	16.80 %
4	1366 x 768	4.47 %
5	1680 x 1050	4.46 %
6	1440 x 900	4.07 %
7	1920 x 1080	2.49 %
8	1920 x 1200	1.65 %
9	1280 x 768	1.33 %
10	1152 x 864	1.01 %
11	1400 x 1050	1.00 %
12	1600 x 1200	0.90 %
13	320 x 396	0.74 %
14	1600 x 900	0.70 %
15	1280 x 960	0.64 %
16	1024 x 600	0.60 %
17	1360 x 768	0.36 %
18	800 x 600	0.30 %
19	1024 x 640	0.26 %
20	1024 x 819	0.25 %
21	1280 x 720	0.22 %
22	1093 x 614	0.19 %
23	2560 x 1440	0.18 %
24	1229 x 983	0.16 %
25	983 x 737	0.13 %
2010/06/01現在 Google Analytics

「ちょっと便利帳」をご利用の方のディスプレイ環境 2009/05/01現在 Google Analytics
順位	画面の解像度	割合
1	1024 x 768	43.70 %
2	1280 x 1024	23.56 %
3	1280 x 800	15.26 %
4	1680 x 1050	3.76 %
5	1440 x 900	3.39 %
6	1280 x 768	1.60 %
7	1400 x 1050	1.44 %
8	1920 x 1200	1.38 %
9	1152 x 864	1.16 %
10	1600 x 1200	0.91 %
11	1280 x 960	0.64 %
12	1366 x 768	0.57 %
13	800 x 600	0.44 %
14	1024 x 600	0.31 %
15	1920 x 1080	0.31 %
16	1360 x 768	0.28 %
17	1600 x 900	0.12 %
18	320 x 396	0.11 %
19	1280 x 720	0.09 %
20	1280 x 854	0.06 %
21	1152 x 870	0.06 %
22	1365 x 768	0.05 %
23	1024 x 866	0.05 %
24	1024 x 576	0.04 %
25	2560 x 1024	0.04 %
2009/05/01現在 Google Analytics

■ 関連するページ

▶パソコンの現在の画面サイズを調べる ▶液晶ディスプレイの表示部実寸法を調べる ▶パソコンやインターネットの環境調べる

ウィンドウサイズ・画面サイズを調べる現在のウィンドウサイズ・画面解像度をリアルタイム測定

ウィンドウサイズ・画面サイズを調べる
現在のウィンドウサイズ・画面解像度をリアルタイム測定

・ディスプレイの画面解像度　
・アクセスした時点の画面サイズ
・ブラウザーの大きさを変更した時点の画面サイズ

おすすめサイト・関連サイト…

ウィンドウサイズ・画面サイズを調べる 現在のウィンドウサイズ・画面解像度をリアルタイム測定 ・ディスプレイの画面解像度 ・アクセスした時点の画面サイズ ・ブラウザーの大きさを変更した時点の画面サイズ

おすすめサイト・関連サイト…

ウィンドウサイズ・画面サイズを調べる
現在のウィンドウサイズ・画面解像度をリアルタイム測定

・ディスプレイの画面解像度　
・アクセスした時点の画面サイズ
・ブラウザーの大きさを変更した時点の画面サイズ