iPhone と Android の onOrientationChange タイミングの違い - makogの日記
またスマートフォン対応サイトネタ、Androidネタです。 Androidのブラウザにて。Android 2.2から、iPhoneと同じように縦持ち・横持ちが変わった際に発生するイベント「window.onorientationchange」が使えるようになっているようです。ですが、このイベントが起きるタイミングがiPhoneとAndroidで異なっているようです。 var $win = $(window); var debug = $('#debug'); $win.bind( 'orientationchange', function() { debug.html( debug.html() + 'orient:' + $win.width() + ', ' ); } ) .bind( 'resize', function(){ debug.html( debug.html() + '
うのらぼ。 - 【Android】orientationchangeの挙動制御
ちょこちょこまとめてみた。 まず Androidには、window.orientation 及び window.onorientationchange を持ってるのと持ってないのがあるらしいので、 $(window).data('orientation', (function(){ if(typeof window.orientation === 'number'){ return Math.abs(window.orientation); }else{ return (window.innerWidth < window.innerHeight) ? 0 : 90; } })()); こんな感じで orientation を window の data として保持しておく。 同じように onorientationchange の方もラッパーを作っておく。 orientationChang
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - pbakaus/viewporter: Meta viewport done right.
