jQuery mobileを使用してモバイルアプリを作成し、ChromeでほとんどのJavaScriptデバッグを実行します。ただし、テストできないことの1つは、縦向きから横向きへ、またはその逆への向きの変更です。そのイベントを発生させるには電話を使用する必要があり、Chromeなしではjavascriptwindow.orientationchangeイベントをデバッグできません。
またはそう思われるでしょう。Chromeでこのイベントをモックする方法はありますか?
jQuery mobileを使用してモバイルアプリを作成し、ChromeでほとんどのJavaScriptデバッグを実行します。ただし、テストできないことの1つは、縦向きから横向きへ、またはその逆への向きの変更です。そのイベントを発生させるには電話を使用する必要があり、Chromeなしではjavascriptwindow.orientationchangeイベントをデバッグできません。
またはそう思われるでしょう。Chromeでこのイベントをモックする方法はありますか?
デスクトップデバイスには、モバイルデバイスのように実際の向きの変更がないため、聞くのは無駄orientationchange
です。ただし、ブラウザウィンドウのサイズを変更することで、向きをシミュレートできます。
David Walshがこれに関する記事を書きました:http://davidwalsh.name/orientation-change
向きに基づいてメディアクエリをテストする方法:
GoogleChromeのWindowResizer拡張機能を使用すると、縦向きまたは横向きのいずれかでサイトを表示およびテストできます。インストールすると、サイズは320 x 480に事前定義され、$。event.special.orientationchange.orientation()を使用してjQueryによって返される方向は「portrait」になります。横向きに480x320の新しいサイズを追加し、モバイルの「画面タイプ」を示しました。480 x 320サイズでは、$。event.special.orientationchange.orientation()を使用してjQueryによって返される方向は「landscape」になります。
これでは、向きの変更イベントを具体的にテストすることはできませんが、向きに基づいてメディアクエリをテストする場合に非常に役立ちます。