PhoneGap を使用しているときに GS4 デバイスで奇妙な問題が発生しています。ページがレンダリングされると Web アプリの一部の要素が正しく表示されませんが、そのページをクリックまたは押すと、要素が正しくレイアウトされます。アプリケーションでイベントを変換する前に、ちらつきのある白いウィンドウが発生することがありました。
この問題は GS4 でのみ発生し、GS4、Note、または IPhone などの他の電話で試しても発生しませんでした。
それらの要素は動的に生成されますか? 私も同じ問題を抱えていましたが、実際にはハードウェアアクセラレーション(GPUアクセラレーション)が必要であることがわかりました。css による 3D レンダリングを有効にする必要があります。使うだけ
transform: translateZ(0);
特定の要素のために。これは私にとってはうまくいきました。試してみてください。あなたにとってはうまくいくかもしれません。
このリンクをチェックしてください
要するに問題:アンドロイド。GS4 が実行されているバージョンに応じて、Web ブラウザの動作が異なり、発生する問題も異なります。IE私は正常に動作するphonegapアプリを作成しましたが、ジェリービーンではまったく動作しません。言うまでもなく、私は現在開発ネイティブです。ただし、要素で変換と 3D 変換を使用すると、すべての要素がハードウェア アクセラレーションで再描画され、要素が DOM に動的に挿入される場合は要素の再描画が強制されます。
ギャラクシートレンド(Android 4.0.4)で同様の問題が発生しました:画面をタップするまで、ページの一部の変更が正しく表示されませんでした(一部の要素の再描画、他の要素の非表示/表示)が、他のデバイスでは完全に機能しますテストしました(Android 2.3から4.4まで)。
スタック オーバーフローやその他の場所で見つかった多くのパッチをテストしました。
$myPage.find("[data-role=footer]").hide(0).show(0);
私のページが最終的にギャラクシートレンドで正しくレンダリングされたことを追加したときだけです.
私の場合、フッターの再描画が強制され、非表示/表示している要素がフッターにあるため、機能すると思います。
他の要素で非表示/表示を強制すると、あなたの場合に役立つでしょうか?