全て!
一部の特定の電話でのみ発生する厄介な問題がありますが、それらの電話は私の顧客がアプリを作成することを望んでいるため、提供する必要があります。:-/ 私が取り組んでいるサイトは、14 の jQuery モバイル「ページ」で構成されており、そのうちの 2 つは次の動作を示しています。
ブラウザの「戻るボタン」を押すか、以前にレンダリングされたページを単にリロードするかによって、ブラウザのキャッシュから読み込まれるページが壊れるという問題があります。
ページは正しくレンダリングされますが、ページの下部が「切り取られ」てスクロールできないか、ページの下部に中程度の量の「新しい」空白のコンテンツが挿入されます。
後者が発生すると、ユーザーがタップしていた場所と比較して、新しい空白のコンテンツの長さだけ UI コントロールが「シフト」されます。指が画面に触れた場所よりもページ上で「1インチ高い」場所でのクリックイベント。
この問題は、画面外にスクロールするのに十分なコンテンツがあるページでのみ発生するように見えることに注意してください。コンテンツの量が少ないページでは、この問題は発生しません。これらのページに追加される動的コンテンツはありません。
ページが作成されてから別のページが表示されると、以前に作成されたページが再表示されると、DOM で何かが壊れているようです。
モバイル サイトは、PC の Chrome と Firefox で完全に動作します。それらは、特定の Android フォンでのみ現れます。特に頭を悩ませている電話モデルの 1 つは、Android 4.1.2 を実行している Samsung SGH-I437P です。
私は最新バージョンの jQuery を使用しています。jQuery の rev 1.9.1 と jQuery mobile の 1.3.2 です。
私がする必要があると思うのは、jQueryにページを完全に再構築するように指示することですが、ページがすべてのjQueryモバイル「装飾」とともにDOMにすでにロードされているため、これが実現可能かどうかはわかりません。ページを再構築するための「必要最小限の非 jQuery モバイル」HTML はありません。
ただし、ページの再構築/再読み込みを検索しても具体的なヒットはありませんでした. jQuery Mobile の古いバージョンでこれを行う方法がありましたが、これは最新バージョンでは機能しません.
他の誰かがこの行動を経験し、それを打ち消す方法を知っていますか? 私の 2 人のチームは、何週間もこれに集中してきましたが、役に立ちませんでした。