イナヅマTVログ

[JavaScript]iOS, AndroidのOrientation(画面向き)を知る方法

| 0件のコメント

iOS, Android端末の画面の向きにあわせてゴニョゴニョしてみたい。

縦(Portrait), 横(Landscape)になった時の画面幅を取得しようとしています。
本来であればイベント “onorientationchange” という便利なものがあるので使えばいいんだろうけど、一部Androidで取得できないケースもある様子、で困ったなぁと…

無駄を承知でこんな風にしてみました。
jQueryを使用しています。

$(window).on('resize orientationchange', function () {
	console.log(window.innerWidth);
});

resizeだけでも良かったと思うのですが、HTML, CSSのどちらかが悪いのかiOSでresizeイベントをうまく取得できません。
仕方なくorientationchangeも監視対象にしました。

update 2012-12-05
iOSでresizeイベントを取得できない理由が分かったような…
meta viewportにheight=device-heightが記述されていました。
削除するとイベントの取得ができるようになりました。

はて、なんで書いたんだっけかな。

コメントを残す