Beenden Sie das Chrome-Caching meiner JS-Dateien

Ich werde eine Änderung an meinen JS-Dateien vornehmen, aber es wird sich nicht wirklich im Browser ändern. Ich muss die Dateien jedes Mal umbenennen, damit sie neu geladen werden. Gibt es eine Art .htaccess-Befehl, den ich hinzufügen kann, oder etwas, das das Caching beendet?

Es speichert sogar den Hardcore meiner HTML-Seiten zwischen. Ich muss meinen gesamten Browser erneut öffnen, um Änderungen zu sehen. Könnte es möglicherweise ein Serverproblem sein?

Sie können die Einstellungen auf das Symbol oben rechts ...| Weitere Tools | Entwicklertools | Netzwerk | Cache deaktivieren (während DevTools geöffnet ist)

Für Windows ist dies F12oder CTRL + SHIFT + Iwährend auf dem Mac CMD + SHIFT + IDevTools geöffnet.

Neuer Pfad für Chrome Update September 2018:

Klicken Sie oben rechts auf das Einstellungssymbol ...| Einstellungen | Einstellungen | Entwicklertools | Netzwerk | Cache deaktivieren (während DevTools geöffnet ist)

Ein schnellerer Weg, dies zu tun, besteht darin, mit der rechten Maustaste auf das Aktualisierungssymbol neben der Adressleiste zu klicken und Leeren Cache und Hard Reload zu wählen

Stellen Sie einfach sicher, dass die Entwicklertools von Chrome geöffnet sind. (Drücken Sie F12) Übrigens ... Dieser Trick funktioniert nur unter Chrome für Windows, Ubuntu und Mac OS

Halten Sie die Umschalttaste gedrückt, während Sie auf die Schaltfläche zum erneuten Laden klicken.

füge so etwas wie script.js?a=[random Number]mit der von PHP generierten Zufallszahl hinzu.

Haben Sie versucht, expire = 0, das Pragma "no-cache" und "cache-control = NO-CACHE"? (Ich weiß nicht, was sie über Skripte sagen).

Ein paar Ideen:

1. Wenn Sie Ihre Seite in Chrome aktualisieren, führen Sie STRG + F5 aus, um eine vollständige Aktualisierung durchzuführen.
2. Selbst wenn Sie das Ablaufdatum auf 0 setzen, wird es während der Sitzung zwischengespeichert. Sie müssen Ihren Browser schließen und erneut öffnen.
3. Stellen Sie sicher, dass beim Speichern der Dateien auf dem Server die Zeitstempel aktualisiert werden. Chrome gibt zuerst einen HEADBefehl anstelle eines vollständigen GET aus, um festzustellen, ob die vollständige Datei erneut heruntergeladen werden muss, und der Server verwendet den Zeitstempel, um anzuzeigen.

Wenn Sie das Caching auf Ihrem Server deaktivieren möchten, können Sie Folgendes tun:

Header set Expires "Thu, 19 Nov 1981 08:52:00 GM"
Header set Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0"
Header set Pragma "no-cache"

In .htaccess

Schnelle Schritte:

1) Öffnen Sie das Dashboard für Entwicklertools, indem Sie zum Chrome-Menü -> Extras -> Entwicklertools gehen

2) Klicken Sie auf das Einstellungssymbol auf der rechten Seite (es ist ein Zahnrad!)

3) Aktivieren Sie das Kontrollkästchen "Cache deaktivieren (wenn DevTools geöffnet ist)".

4) Wenn das Dashboard geöffnet ist, klicken Sie einfach auf Aktualisieren und JS wird nicht zwischengespeichert!

Das Problem ist, dass Chrome must-revalidateim Cache-Control-Header enthalten sein muss, um Dateien erneut zu überprüfen, um festzustellen, ob sie erneut abgerufen werden müssen.

Sie können jederzeit UMSCHALT-F5 drücken und die Aktualisierung von Chrome erzwingen. Wenn Sie dieses Problem jedoch auf dem Server beheben möchten, fügen Sie den folgenden Antwortheader hinzu:

Cache-Control: must-revalidate

Dadurch wird Chrome angewiesen, beim Server zu prüfen, ob eine neuere Datei vorhanden ist. Wenn es eine neuere Datei gibt, wird sie in der Antwort empfangen. Wenn nicht, erhält es eine Antwort 304 und die Zusicherung, dass die Antwort im Cache auf dem neuesten Stand ist.

Wenn Sie diesen Header NICHT festlegen, wird Chrome ohne eine andere Einstellung, die die Datei ungültig macht, niemals beim Server nachsehen, ob es eine neuere Version gibt.

Hier ist ein Blog-Beitrag , in dem das Problem weiter diskutiert wird.

Bei Aktualisierungen meiner Webanwendungen verwende ich entweder einen Handler, um eine einzelne JS-Datei zurückzugeben, um die massiven Treffer auf meinem Server zu vermeiden, oder füge ihnen eine kleine Abfragezeichenfolge hinzu:

<script type="text/javascript" src="/mine/myscript?20111205"></script>

<Files *>
Header set Cache-Control: "no-cache, private, pre-check=0, post-check=0, max-age=0"
Header set Expires: 0
Header set Pragma: no-cache
</Files>

Ich weiß, dass dies eine "alte" Frage ist. Aber die Kopfschmerzen beim Caching sind es nie. Nach vielen Versuchen und Irrtümern stellte ich fest, dass einer unserer Webhosting-Anbieter über CPanel diese App namens Cachewall hatte. Ich habe gerade auf Entwicklungsmodus aktivieren geklickt und ... voilà !!! Es hat die lang erlittenen Schmerzen sofort gestoppt :) Hoffe, das hilft jemand anderem ... R.

Ich habe die gleiche CSS-Datei erhalten, als ich auf der Website (auf dem Hosting-Unternehmensserver mit realer Domain) stöberte, und konnte die aktualisierte Version auf Chrome nicht abrufen. Ich konnte die aktualisierte Version der Datei abrufen, als ich sie in Firefox durchsuchte. Keine dieser Antworten hat bei mir funktioniert. Ich habe auch die Website-Dateien auf meinem Computer und durchsuche die Website mit localhost mithilfe meines lokalen Apache-Servers. Ich habe meinen Apache-Server heruntergefahren und konnte die aktualisierte Datei abrufen. Irgendwie hat mein lokaler Apache-Server mit dem Chrome-Cache rumgespielt. Ich hoffe, das hilft jemandem, da es für mich sehr schwierig war, dies zu beheben.

1. Öffnen Sie die Entwicklertools

   • Entweder F12
   • Oder ...-> More Tools->Developer Tools

2. Klicken Empty Cache and Hard Reload

   • Klicken Sie entweder mit der rechten Maustaste auf das Aktualisierungssymbol (links neben der URL-Adressleiste).
   • Oder klicken Sie mit der linken Maustaste auf das Aktualisierungssymbol und halten Sie es 1 Sekunde lang gedrückt

Sie können stattdessen ein Inkognito-Fenster öffnen. Das Wechseln zu einem Inkognito-Fenster funktionierte für mich, als das Deaktivieren des Caches in einem normalen Chrome-Fenster eine JavaScript-Datei, die ich seit dem letzten Cache geändert hatte, immer noch nicht neu lud.

https://www.quora.com/Does-incognito-mode-on-Chrome-use-the-cache-that-was-vorher- gespeichert