解像度、リフレッシュレート、ピクセル密度、色など、ブラウザーがディスプレイについて知っているすべての情報を、ページを開いた瞬間に検出します。インストールは不要で、データが端末から出ることもありません。
あなたの画面の解像度は
ブラウザーのウィンドウ内でウェブサイトが実際に使える領域。サイズ変更に合わせてリアルタイムで更新されます。
端末を回転させた瞬間に更新されます。
このページを開いた時点で、上の数値はすべてあなたの画面のものです。ブラウザーがディスプレイから直接読み取っており、許可のポップアップも表示されず、どこにも送信されません。それぞれの意味は次のとおりです。
解像度は、ディスプレイが画像を描くために点灯させる小さな点（ピクセル）の数です。1920 × 1080 がフル HD、3840 × 2160 が 4K です。OS は文字を読みやすく保つために全体を拡大表示するため、ブラウザーはより小さい数値で動作していることが多く、このページではそれを掛け戻してパネル本来の数値を表示しています。それでも箱に書かれた数値より低い場合は、ほぼ確実に表示スケーリングかブラウザーのズームが原因です。
ピクセル密度は、画像の 1 ドットを描くために画面の実ピクセルをいくつ使っているかを表します。2× 以上は Apple が Retina、その他のメーカーが HiDPI と呼ぶもので、文字が目に見えて鮮明になります。1.25× や 1.5× といった中間の値は、多くの場合 Windows の表示スケーリングによるもので、すべてを見やすい大きさに拡大しています。4K のノートPCが 1920 × 1080 と表示される理由もここにあります。
ビューポートは、ブラウザーのウィンドウの中でウェブページが実際に描画できる領域です。画面からツールバーやタスクバー、隣のウィンドウを除いた部分にあたります。ウェブ開発者は画面そのものではなくこの数値を基準にデザインするため、ウィンドウのサイズを変えるとリアルタイムで更新されます。
リフレッシュレートは、ディスプレイが 1 秒間に画面を描き直す回数で、単位はヘルツ（Hz）です。60 Hz が長年の標準ですが、120 Hz 以上ならスクロールやゲームが目に見えて滑らかになります。上の数値はアニメーションのタイミングから求めた簡易的な推定値です。専用のリフレッシュレートテストなら正確に測定でき、高リフレッシュレートのパネルが 60 Hz に抑えられている状態も見つけられます。
色深度は 1 ピクセルあたりに使われるビット数です。24 ビットなら約 1,677 万色、30 ビット対応のパネルなら 10 億色以上を表現でき、グラデーションがより滑らかになります。色域はディスプレイが表示できる色の範囲のことで、sRGB がウェブの基準、Display P3 や Rec. 2020 なら広色域の画面です。HDR 対応は別途検出され、対応する動画やゲームでより明るいハイライトが楽しめます。
画面の向きは、いま画面が縦長か横長かを示すだけのシンプルな情報です。スマートフォンやタブレットでは本体を回転させるとリアルタイムで切り替わり、デスクトップではディスプレイ設定でモニターを縦置きにすると変わります。縦置きはプログラマーや長い文書を読む人に人気があります。
ブラウザーは、画面がタッチ操作に対応しているか、同時に何本の指を認識できるかを報告します。ほとんどのタッチスクリーンは 10 本まで対応しています。タッチ対応のノートPCで 0 と表示される場合は、デジタイザーのドライバーが無効になっているか、ブラウザーが認識していないのが普通です。