[解決済み] 戻るボタンを押したときにキャッシュからサファリを読み込まないようにする。
2023-06-01 02:13:13
質問
戻るボタンをクリックすると、safari が古い youtube 動画を読み込むという問題があります。私はonunload=""を追加しようとしました(ここに記載されている Safari 5 で戻るボタンのキャッシュを防止する をbodyタグに追加してみましたが、この場合はうまくいきません。
特定のページでsafariがキャッシュから読み込まないようにする方法はないでしょうか?
どのように解決するのですか?
あなたの問題の原因は バックフォワードキャッシュ . これは、ユーザーが離れていくときに、ページの完全な状態を保存することになっています。ユーザーがバックボタンで戻ったとき、ページはキャッシュから非常に速く読み込まれます。これは、HTMLコードのみをキャッシュする通常のキャッシュとは異なる。
ページが bfcache のためにロードされるとき
onload
イベントは発生しません。その代わりに
persisted
プロパティを確認します。
onpageshow
イベントのプロパティです。これは、最初のページロード時には false に設定されます。bfcacheからページを読み込むと、trueに設定されます。
Kludgishな解決策は、ページがbfcacheから読み込まれたときに強制的に再読み込みを行うことです。
window.onpageshow = function(event) {
if (event.persisted) {
window.location.reload()
}
};
jQueryを使用している場合は、そうします。
$(window).bind("pageshow", function(event) {
if (event.originalEvent.persisted) {
window.location.reload()
}
});
関連
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] なぜJavaScriptでは!{}[true]がtrueに評価されるのですか?
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] JavaScriptを使用してHTML要素に属性を追加/更新するには?
-
[解決済み] 文字列がhtmlであるかどうかをチェックする
-
[解決済み] 無効になっている入力フィールドの値を送信する
-
[解決済み] コールバック地獄とは何か、RXはそれをどのように、そしてなぜ解決するのか?
-
[解決済み] moment.jsでミュータビリティを回避するには?
-
[解決済み] Chromeのwebkitインスペクタで「Unsafe JavaScript attempt to access frame with URL...」というエラーが継続的に発生する。
-
[解決済み] HTML要素にスクロールバーがあるかどうかをチェックする
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] Javascriptによるタッチスクリーンデバイスの検出
-
[解決済み] 文字列がすべて同じ部分文字列で構成されているかどうかを調べるにはどうすればよいですか?
-
[解決済み] 文字列のn番目の出現箇所を取得するには?
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] React js 親コンポーネントから子コンポーネントの状態を変更する
-
[解決済み] 文字列がhtmlであるかどうかをチェックする
-
[解決済み] 無効になっている入力フィールドの値を送信する
-
[解決済み] Chrome拡張機能:popup.htmlを強制終了させる
-
[解決済み] JavaScriptでDIVを表示・非表示にするには?