2012-10-24 9 views
6

私たちはjQuery Mobileを使ってモバイルアプリを開発しており、Chromeでほとんどのjavascriptデバッグを行っています。しかし、私がテストすることができないことの1つは、ポートレートから風景へ、そしてその逆から向きを変えることです。私はそのイベントを発生させるために電話を使用しなければならず、Chromeなしでjavacript window.orientationchangeイベントをデバッグできません。Chromeでオリエンテーションの変更をテスト/嘲笑しますか?

そうそうです。何とかChromeでこのイベントを模擬する方法はありますか?

答えて

5

デスクトップデバイスにはモバイルデバイスのように実際の向きが変更されていないため、orientationchangeを聞くのは無駄です。あなたはブラウザウィンドウのサイズを変更することで方向をシミュレートすることができます。

デビッド・ウォルシュは、この記事を書いた:http://davidwalsh.name/orientation-change

+0

リンクをありがとう、私は必要なもののように見えます。 – larryq

1

の向きに基づいて、メディアクエリをテストする方法を:

Google Chromeのウィンドウのリサイズの拡張子はあなたがあなたのサイトを表示してテストすることができます縦または横のいずれかの向き。インストールされると、サイズは320 x 480であらかじめ定義されており、$ .event.special.orientationchange.orientation()を使用してjQueryによって返された方向は "ポートレート"になります。私は横に480 x 320の新しいサイズを追加し、モバイルの "スクリーンタイプ"を示しました。 480 x 320サイズでは、$ .event.special.orientationchange.orientation()を使用してjQueryによって返される方向は、「ランドスケープ」になります。

これは、方向変更イベントを具体的にテストすることはできませんが、方向に基づいてメディアクエリをテストするのに非常に便利です。

関連する問題