SPA: HTML-Änderungen zur Laufzeit

Question

Wenn wir Änderungen an der HTML-Datei oder der Java-Skriptdatei vornehmen, spiegelt die Benutzeroberfläche diese Änderungen manchmal nicht durch einfache Aktualisierung wider, und wir müssen die Browser-Cookies/Verlauf für die Änderungen löschen reflektieren.

Ich frage mich, ob es eine Option gibt, mit welcher Browser Cookies/Geschichte über Code gelöscht werden. Wäre das eine gute Praxis?

Es gibt keinen Artikel i, die die besten Praktiken in Single-Seiten-Anwendung gefunden erklärt

Answer 1

Es aufgrund cache Probleme passiert. Fügen Sie die folgenden Zeilen in das HTML-Tag ein und prüfen Sie, ob das Problem behoben wurde.

<meta http-equiv="cache-control" content="max-age=0" /> 
<meta http-equiv="cache-control" content="no-cache" /> 
<meta http-equiv="expires" content="0" /> 
<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" /> 
<meta http-equiv="pragma" content="no-cache" /> 

Answer 2

Refresh mit Schnelltaste "Shift + F5" oder Ladeskripts mit Query-String mit Zufallswert wie diese

<script src="~/Scripts/scriptFile.js?[random value]"></script> 

Answer 3

Shift + F5 oder Strg + F5 = Lädt Ihre aktuelle Seite neu und ignoriert den zwischengespeicherten Inhalt

Answer 4

Eine Möglichkeit, um das zu erreichen, was Sie sehen möchten (ich denke ...), besteht darin, den Pfaden, aus denen die Assets geladen werden, einen URL-Parameter hinzuzufügen.

Zum Beispiel, wenn Sie eine CSS-Datei geladen werden:

<link rel="stylesheet" type="text/css" href="css/style.css">

Versuchen Sie, dass an sich ändernde:

<link rel="stylesheet" type="text/css" href="css/style.css?ver=1.1">

Jedes Mal, wenn Sie das Stylesheet aktualisieren, Browser zu zwingen, die neu zu laden Stylesheet, anstatt die im Browser zwischengespeicherte Kopie zu verwenden, ändern Sie den URL-Parameter:

<link rel="stylesheet" type="text/css" href="css/style.css?ver=1.2">

Das gleiche Prinzip gilt für externes JavaScript.

Zusätzlich Sie Caching über die .htaccess https://gist.github.com/hans2103/fca6f184df1c2c41b3dd

Wie Kavish Mittal aus hat darauf steuern kann, kann diese im HTML-Dokument behandelt werden.