モバイル アプリケーション開発の旅を始めたところ、すばらしい Ripple Emulator を見つけました。しかし、エミュレートされたアプリケーションを正しくレンダリングしないという問題があります。
選択したプラットフォーム (Android + PhoneGap 2.3.0) とデバイス (Galaxy Nexus phone) では、すべてのアプリケーションの要素が実際にデバイスに表示されるよりもはるかに大きくなります。
たとえば、画像ははるかに大きくなります (たとえば、250x250 の画像は、Nexus では Ripple Emulator 画面のほぼ全体を占めますが、ネイティブ解像度 (720x1280) では画面のごく一部しか占めません)。フォント サイズが 14pt のテキストも非常に大きいのに対し、Nexus では非常に小さいため、ほとんど読みにくくなっています。等々。
また、標準の JavaScript イベントへの応答も失敗します。たとえば、手動でdevicereadyイベントを発生させても効果はありませんが、Nexus ではテキスト アラート メッセージがはっきりと表示されます。
これにより、Ripple Emulator でのモバイル アプリのテストは、少なくとも私にとってはまったく役に立たなくなります。
Ripple がアプリケーションの構成ファイルを読み取れないことが原因ではないかと考えていました。しかし、構成の欠落と CSS 解釈の問題との間に何か関係があるのでしょうか?
何が間違っている可能性がありますか、または何が欠けていますか? Ripple Emulator ページの指示に従って適切な Chrome の設定を行い、適切なフラグを指定して Chrome を開き、file:///プロトコル経由でローカル ファイルにアクセスできるようにします。私はアイデアがまったくありません。他に何を試すことができますか?