誰かが光を当てることを願っています。
私は PWA を持っており、必要なすべての静的アセットをキャッシュに保存しています。すべて正常に動作しています。オフライン モードでテストしましたが、すべて問題ありません。私は iPhone でテストし、携帯電話を機内モードにしました。すべて問題なく、UI レンダリング、オフラインで利用可能な要素へのナビゲーションは問題ありません。manager.storage.persist を設定しました (私のアプリはあまり使用されない可能性があり、ユーザーがしばらく使用していないために UI が壊れないようにしたいためです。オフラインの状況になるので、私は以下を使用しました:
navigator.storage.persist().then(function(persistent) {
if (persistent)
console.log("Storage will not be cleared except by explicit user action");
else
console.log("Storage may be cleared by the UA under storage pressure.");
});
(デスクトップでは、正しいメッセージが表示されることをコンソールログで検証しました。これは、上記のコードが問題なく、正しいブランチを通過していることを示していますが、iPhoneのコンソールなどにはアクセスできません)。
ここまでは順調ですね。
ただし、iPhone の電源をオフにして電源を入れ、機内モードにすると、アプリに移動すると、何らかの理由でページの HTML は存在しますが、CSS や画像などのすべてのサポート ファイルはレンダリングされません。
いくつかのキャッシュされたコンテンツを見つけることができるようですが、すべてではありませんか?
問題を見つける方法に関するアイデアや提案はありますか?