JavaScript-Cache löschen

Wenn Sie eine Website besuchen, übernimmt Ihr Browser Teile der Seite und speichert sie auf der Festplatte Ihres Computers. Browser speichern häufig sogenannte statische Assets von Teilen einer Website, die sich bei einem Besuch nicht ändern.

Im heutigen Beitrag lernen wir, den Cache in JavaScript zu leeren.

Cache in JavaScript löschen

Ein Browser ist so konzipiert, dass er alle kurzen Caches speichert. Dies liegt daran, dass der Cache-Speicher der Hauptgrund dafür ist, dass die Website schneller geladen wird.

Es gibt also keine direkte Möglichkeit, Ihren Cache dauerhaft zu löschen, es sei denn, bestimmte Codierungen in Ihrem HTML werden geändert. Es mag ein paar andere Möglichkeiten geben, dies zu erreichen, aber diese beiden sind die einfachsten und effektivsten.

Ein Webbrowser erlaubt es Ihnen nicht, seinen Cache wie mobile Anwendungen zu löschen. Wir können zwar nicht den gesamten Browser-Cache des Clients löschen, aber das Laden der Webseite ohne Zwischenspeichern mithilfe von meta-Tags innerhalb des HTML-Codes ist immer noch möglich.

Die einzige Möglichkeit, dies zu tun, besteht darin, den Code zu ändern, der besagt, dass sich der Browser nicht an kürzlich geladenen Speicher erinnert, der nichts anderes als Cache-Speicher ist.

Die folgenden zwei Beispiele erläutern, wie der Cache geleert wird. Die folgenden Codes können nicht unverändert ausgeführt werden und haben keine Ausgabe.

Es muss dem vorhandenen Code hinzugefügt werden, um die Ausgaben anzuzeigen.

Ansatz 1

<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>

Fügen Sie diesen Teil des HTML-Codes hinzu, damit der Browser den Cache-Speicher nicht aufzeichnet.

Ansatz 2

Laden Sie einen Parameter in den Dateinamen innerhalb des script-Tags hoch. Tauschen Sie es aus, wenn Sie die Aufzeichnung austauschen.

Lassen Sie dies den Namen des Dokuments zu. Jedes Mal, wenn Sie diese Seite laden, wechseln Sie die Version des Skripts.

<script src = "oldFile.js?version = 0.1"></script>

Wenn Sie diese Seite das nächste Mal laden, sollte sie in etwa so aussehen.

<script src = "newfile.js?version = 0.2"></script>