画面のスペックは?
画面解像度、ブラウザビューポートの寸法、デバイスピクセル比(DPI)、色深度、向きを確認 — すべてブラウザから即座に検出されます。
このツールはwindow.screenとdevicePixelRatioを読み取り、ディスプレイの物理解像度、ビューポートサイズ、ピクセル密度、色深度、向きを報告します。
デバイスピクセル比2は各CSSピクセルが2x2の物理ピクセルを使用することを意味します(Retina/HiDPI)。24ビット色深度は1670万色を提供します。
結果の見方
| 結果 | 範囲 | 意味 |
|---|---|---|
| 検出済み | 解像度、DPR、色深度が表示 | ブラウザがすべてのディスプレイプロパティを正常に報告しています。DPR 1xが標準、2xはRetina/HiDPI、3xはハイエンドモバイル画面で見られます。 |
| 限定的 | ビューポートが画面解像度と大きく異なる | ブラウザのツールバー、タスクバー、スケーリング設定が使用可能なビューポートを縮小しています。利用可能なスペースを最大化するにはF11でフルスクリーンにしてください。 |
| 非対応 | 一部のプロパティがゼロまたはundefinedを返す | 最新のブラウザではまれです。画面APIアクセスを制限するヘッドレスまたは埋め込みコンテキストでないことを確認してください。 |
よくある問題と解決方法
画面解像度が予想より低く表示される
OSのディスプレイ設定でスケーリングを確認してください。1920x1080ディスプレイで150%スケーリングの場合、ブラウザは有効解像度1280x720 CSSピクセル、DPR 1.5を報告します。
色深度が30ビットではなく24ビットと表示される
30ビット(チャンネルあたり10ビット)には互換性のあるGPU、ディスプレイ、ドライバー構成が必要です。ほとんどのコンシューマーディスプレイは1670万色を提供する24ビット(チャンネルあたり8ビット)を使用しています。