ホームページ > 記事 > ウェブフロントエンド > Web 側はバック フォース リフレッシュ関数コードを実装します。
この記事では主にWeChat Web側のバックフォースリフレッシュ機能の実装コードを紹介しますので、必要な方は参考にしていただければ幸いです。
具体的なコードは次のとおりです:
<script> //生成uuid var uuidChars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""); function uuid() { var r; var uuid = []; uuid[8] = uuid[13] = uuid[18] = uuid[23] = "-"; uuid[14] = "4"; for (i = 0; i < 36; i++) { if (!uuid[i]) { r = 0 | Math.random() * 16; uuid[i] = uuidChars[(i == 19) ? (r & 0x3) | 0x8 : r]; } } return uuid.join(""); } // 兼容 android history.replaceState(null, null, "/currentURL?a="+uuid()); // 兼容 ios $(function () { var isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); } }); window.addEventListener('pagehide', function () { isPageHide = true; }); }) </script>
•Android側で使用されるh5の履歴オブジェクトは、history.replaceState(null, null, "/currentURL?a="+uuid());
ページがロードされた後に現在のURLを変更します(UUIDまたは乱数を結合します)。戻り、ブラウザは現在の URL がブラウザのキャッシュに存在しないことが判明した場合、再読み込みされます。
•しかし、iOS側は上記の方法をサポートしていないため、jqueryコードを使用して解決しました。
関連する推奨事項:
強制ページ更新用の JavaScript 実装コード_JavaScript スキル
以上がWeb 側はバック フォース リフレッシュ関数コードを実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。