Browser Caching statische Dateien?

Question

Wenn ich statische Dateien verwende, die von einem Backend (Django/Node) bedient werden. Mir ist aufgefallen, dass ich die statischen Dateien aus dem statischen Backend-Ordner lösche. Die statischen Symbole oder Bilder werden auch nach dem Neustart des Servers angezeigt, solange ich den gleichen Localhost-Port verwende.

Zum Beispiel löschte ich die folgende html:

<link rel="shortcut icon" href="assets/images/favicon.png">

Und das Registerkarte Symbol zeigt immer noch, so lange ich auf die gleichen localhost:port dienen.

• Warum passiert das?
• Und wie deaktiviere ich es?

Answer 1

Der Browser speichert statische Dateien. Beim Testen ist es nützlich, den Cache zu deaktivieren. Wechseln Sie in Chrome zu den Entwicklertools, klicken Sie auf die Registerkarte "Netzwerk" und aktivieren Sie "Cache deaktivieren".

Answer 2

Beim Arbeiten mit Websites für Kunden ist das Hinzufügen einer Version zum Dateipfad für statische Inhalte erforderlich.

Zum Beispiel:

<link rel="shortcut icon" href="assets/images/ver-1/favicon.png"> 
<link rel="shortcut icon" href="assets/images/ver-2/favicon.png"> 
<link rel="shortcut icon" href="assets/images/ver-3/favicon.png"> 

Oder auch:

<link rel="shortcut icon" href="assets/images/favicon-2017-11NOV-08.png"> 
<link rel="shortcut icon" href="assets/images/favicon-2017-12DEC-25.png"> 
<link rel="shortcut icon" href="assets/images/favicon-2018-01JAN-01.png"> 

dieser Verwendung oder ähnliche Methoden, bedeuten, dass es keine Notwendigkeit, Browser-Einstellungen auf jedermann Computern zu ändern ist.

Durch das Ändern des Dateinamens werden alle Browser gezwungen, die neue Datei vom Server abzurufen, und der Browsercache für die alte Datei wird vollständig ignoriert.