JavaScriptを使用してキャッシュをクリアするにはどうすればよいですか?

キャッシュ (キャッシュとも呼ばれます) は、頻繁に使用されるデータと命令を短期間保存するコンピューター内の別のメモリ システムです。 Web サイトを読み込むときに、私たちが使用するブラウザーは、画像、スクリプト、スタイルシートなどの一部のリソースを自動的にキャッシュし、ページの再読み込み時にそれらのリソースを再度使用できるようにします。これにより、Web サイトの読み込みにかかる時間が短縮されるだけでなく、ネットワーク経由で送信する必要があるデータの量も削減されます。ただし、ブラウザーによって保存されるこの種のキャッシュにはいくつかの欠点もあります。キャッシュされたリソースが古い場合、またはブラウザがキャッシュされたリソースを使用しているためにページをリロードできない場合、問題が発生する可能性があります。これを行うには、場合によってはこれらのキャッシュをクリアする必要があります。

ユーザーは必要に応じて JavaScript を使用してブラウザのキャッシュをクリアできます。これらについては以下で説明します -

• location.reload() メソッド - 現在のページをリロードしてキャッシュを無効にするために使用できる効果的なメソッドの 1 つ。ユーザーはパラメータとしてブール値を指定する必要があり、その値は true に設定される必要があります。この手法では、キャッシュされたバージョンを使用する代わりに、ブラウザーにサーバーからすべてのリソースを強制的にリロードします。

• navigator.serviceWorker.getRegistrations() メソッド - これは、navigator.serviceWorker を使用してすべての Service Worker 登録を取得し、各登録オブジェクトの getRegistrations() メソッドに対して unregister メソッドを実行する別の方法です。その後、ブラウザは HTTP キャッシュを削除します。

• caches.open() メソッドとcache.delete() メソッド - このメソッドは、Cache API を使用して名前付きキャッシュを開き、delete() を使用してキャッシュから特定のリソースを削除します。方法＃＃＃＃ ＃＃

• localStorage.clear() メソッドと sessionStorage.clear() メソッド

  - localStorage オブジェクトからすべてのキーと値のペアを削除するには、ユーザーは localStorage.clear() メソッドを使用できます。 sessionStorage.clear() 関数は、sessionStorage オブジェクトからすべてのキーと値のペアを削除できます。

location.reload() メソッドを使用する

ブール値パラメータが true に設定されている場合、

location.reload()

メソッドは現在のページをキャッシュしませんが、再読み込みします。パラメータとして true を指定すると、ブラウザはキャッシュされたコピーを使用する代わりに、すべてのリソース (画像やスクリプトを含む) をサーバーから直接ダウンロードします。 ＃＃＃文法＃＃＃ リーリー 上記の構文では、location は JavaScript のグローバル オブジェクトであり、location メソッドをオーバーロードします。

＃＃＃例＃＃＃

この例では、

location.reload()

メソッドを使用して、JavaScript を通じてキャッシュ メモリをクリアします。 「キャッシュのクリア」ボタンを使用し、クリック イベントに関連付けました。クリック イベント ハンドラーは、パラメータ true を指定して

location.reload()

メソッドを実行します。ユーザーがボタンをクリックするたびに、JavaScript はブラウザーにキャッシュされたファイルなしで Web ページを強制的に再読み込みします。

リーリー

Web ページにこのメッセージが表示され、最新のファイルがすぐに再ロードされます。 navigator.serviceWorker.getRegistrations() メソッドを使用する JavaScript では、

navigator.serviceWorker.getRegistrations()

メソッドは、ユーザーがすべての Service Worker スレッドの登録を登録解除することでキャッシュ メモリをクリアできる 2 番目の方法です (

navigator.serviceWorker.getRegistrations()#) ## メソッドを使用してブラウザの HTTP キャッシュをクリアできます。 Web ワーカーの 1 つのタイプは Service Worker と呼ばれ、リソースのキャッシュなどの多数のプロセスをバックグラウンドで実行するために使用されます。ブラウザーは、すべての Service Worker 登録を非アクティブにして、HTTP キャッシュをクリアする必要があります。

＃＃＃文法＃＃＃ リーリー

上記の構文では、「

serviceWorker」がナビゲーター オブジェクトで使用できるかどうかを確認します。次に、navigator.serviceWorker.getRegistrations() メソッドと registration.unregister()

メソッドを使用して、Service Worker を登録解除します。

＃＃＃例＃＃＃

この例では、JavaScript を使用してキャッシュをクリアし、Service Worker の登録を解除します。 「キャッシュのクリア」ボタンを使用し、クリック イベントに関連付けました。クリック イベント ハンドラーは、Service Worker の登録を解除する関数を実行します。

navigator.serviceWorker.getRegistrations() メソッドと registration.unregister() メソッドは、Service Worker の登録を解除するために使用されます。ログアウト後、Web ページにメッセージが表示されます。 リーリー キャッシュをクリアするのがベスト プラクティスですが、すべてのファイルを再フェッチする必要があるため、場合によっては Web ページのパフォーマンスに影響を与える可能性があります。 JavaScript にはキャッシュをクリアする機能があり、必要に応じて使用できます。

以上がJavaScriptを使用してキャッシュをクリアするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。