Wiiインターネットチャンネルで、画面の高さからツールバーの有無とワイド画面かどうかを判定する
インターネットチャンネル正式版で何か作るにあたって、画面の幅は800px固定になりましたが、ズームなしと仮定しても、画面の高さは以下のような設定によってマチマチになりました。
- ワイド画面かどうか(Wiiの設定)
- ツールバーを常に表示するようにしているかどうか(インターネットチャンネルの設定)
- 画面幅の調整(0〜10)(インターネットチャンネルの設定)
というわけで、これらの組み合わせで画面の高さ(JavaScriptからアクセスできるwindow.innerHeightプロパティの値)がどのようになるか調べてみました。
画面 | ツールバー | 画面幅(設定値) | 画面高さ(px) |
---|---|---|---|
4:3 | なし | 0 | 660 |
10 | 600 | ||
ツールバー境界: 560〜600, 高さ: 100px | |||
あり | 0 | 560 | |
10 | 500 | ||
ワイド境界: 496〜500 | |||
16:9 | なし | 0 | 496 |
10 | 452 | ||
ツールバー境界: 420〜452, 高さ: 76px | |||
あり | 0 | 420 | |
10 | 376 |
さらに、画面がワイドの時とそうでないときのツールバーの高さは、それぞれ76pxと100pxであることが読み取れるので、これを利用すれば、ツールバー領域を除く画面の高さを得ることができます。
このツールバー領域を除く画面の高さを利用すれば、安全に表示できる領域が得られるのではないかなあとぼんやり思う今日この頃でした。
以上で、今日も読者層が狭いせまーいメモを終わります。