HTML ページをテストして、モバイル デバイスでどのように表示されるかを確認するためのアドオンはありますか? 私は PhoneGap で開発していますが、Eclipse エミュレーターは遅すぎて常に更新できないため、モバイルのような画面解像度にするブラウザー拡張機能が必要です。
2 に答える
画面サイズだけが気になる場合は、Firefox 15 (現在ベータ版、2 週間以内にリリース予定)の Web 開発者メニューに「画面サイズ」を調整できるレスポンシブ デザイン ビューがあります。たとえば、360x640 (nHD 解像度) を選択してページを表示できます。
ただし、モバイル ブラウザーは Web ページに対してカスタム調整を行い、これらの調整は使用するブラウザーによって異なります。たとえば、Firefox Mobile はFont Inflationと呼ばれる処理を行います。デスクトップ ブラウザでは再現できません。そのためには、実際に Firefox Mobile を実行する必要があります。問題: モバイル ブラウザーはモバイルでしか動作しません。Mozilla でさえ、ネイティブの Android UI に切り替えた後、デスクトップ用の Firefox Mobile の提供を停止しました。
編集: Firefox 33 以降、Firefox OS シミュレーターが Firefox に組み込まれています (この方向性を示してくれたTomekに感謝します)。起動するには、WebIDEを開き、[ランタイムの選択] をクリックして [Firefox OS 1.3] を選択します。これでシミュレーターが起動します。あとは、Firefox アイコンをクリックするだけです (私にとっては、通常のオレンジ色ではなく青色のアイコンです)。これで、デスクトップ上の実際のモバイル ブラウザーで任意の Web サイトをテストできます。
Firefox OS シミュレーターはそのトリックを実行できます。インストールするだけです。それを実行して、内部でブラウザを実行します。:)