画面情報
現在browserが公開するscreen size・devicePixelRatio・viewport・color depthを表示します。
使い方
- pageを開いて現在tab/display環境の値を確認します。
主な機能と処理範囲
screen.width/height、devicePixelRatio、innerWidth/innerHeight、screen.colorDepthを読みます。
処理の仕組み
screenはCSS px、viewportはwindow inner dimensionsで表示します。
例
1920×1080物理panelでもOS scaling等でCSS px値は異なる場合があります。
こんな場面で便利
- responsive UI前のviewport/DPR確認に
利用前の確認
- 物理resolution・実測DPI・HDR保証ではなくzoom/OS scaling/browser UIの影響があります。
よくある質問
実物理pixel数？
常にではなくbrowser公開CSS pixel dimensionsです。