Erzwinge Browser, um CSS, Javascript, etc. Zu aktualisieren

Allgemeine Lösung

Drücken Sie Strg + F5 oder Strg + Shift + R) erzwingen Sie ein erneutes laden des cache. Ich glaube, dass Macs mit Cmd + Shift + R.

PHP

In PHP, können Sie deaktivieren Sie die cache-Einstellung Ablauf-Datum auf einen Zeitpunkt in der Vergangenheit Header:

header("Expires: Tue, 01 Jan 2000 00:00:00 GMT");
header("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT");
header("Cache-Control: no-store, no-cache, must-revalidate, max-age=0");
header("Cache-Control: post-check=0, pre-check=0", false);
header("Pragma: no-cache");

Chrome

Chrome cache kann deaktiviert werden, indem das öffnen der Entwickler-tools mit F12klicken Sie auf das ZAHNRAD-Symbol in der unteren rechten Ecke und wählen Deaktivieren Sie den cache in den Einstellungen, wie diese:

^{Bild entnommen aus diese Antwort.}

Firefox

Typ about:config in der URL-Leiste finden Sie dann den Eintrag mit dem Titel network.http.use-cache. Setzen Sie diese auf false.

InformationsquelleAutor der Antwort Bojangles

Wenn du schreiben kannst php, kann man schreiben:

<script src="foo.js<?php echo '?'.mt_rand(); ?>" ></script>
<link  type="text/css" href="foo.css<?php echo '?'.mt_rand(); ?>" />
<img src="foo.png<?php echo '?'.mt_rand(); ?>" />

Wird es immer aktualisieren!

EDIT: natürlich, es ist nicht wirklich praktisch für eine ganze website, da man sonst nicht diese manuell hinzufügen, für alles.

InformationsquelleAutor der Antwort Mageek

Können Sie deaktivieren der Zwischenspeicherung mit Firefox die web developer toolbar.

InformationsquelleAutor der Antwort Florent

Diese Firefox-Erweiterung war die einzige Lösung, die ich bekommen konnte, zu arbeiten:
https://addons.mozilla.org/en-us/firefox/addon/css-reloader/

InformationsquelleAutor der Antwort Keyslinger

<script src="foo.js?<?php echo date('YmdHis',filemtime('foo.js'));?>"></script>

Es wird aktualisiert, wenn ändern.

InformationsquelleAutor der Antwort AllenBooTung

Entwickler-Sicht

Wenn Sie in der Entwicklungs-Modus (wie in der original-Frage), der beste Ansatz ist, um das caching zu deaktivieren im browser per HTML-meta-tags. Zu machen dieser Ansatz universal müssen Sie mindestens drei meta-tags wie unten gezeigt.

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

In dieser Art und Weise, die Sie als Entwickler brauchen nur die Seite aktualisieren, um die änderungen zu sehen.
Aber vergessen Sie nicht, zu kommentieren, dass code, wenn in Produktion, nachdem alle caching ist eine gute Sache für Ihre Kunden.

Produktion Modus

Denn in der Produktion werden Sie ermöglichen die Zwischenspeicherung und Ihre Kunden brauchen nicht zu wissen, wie Sie zu zwingen, eine vollständige reload oder jeden anderen trick, Sie müssen die Garantie der browser lädt die neue Datei.
Und ja, in diesem Fall die beste Methode die ich kenne ist das ändern des namens der Datei.

InformationsquelleAutor der Antwort ePi272314

Versuchen Sie dies:

link href="styles/style.css?=time()" rel="stylesheet" type="text/css"

Wenn Sie etwas brauchen, nach dem'?', das ist anders, jedes mal, wenn die Seite zugegriffen wird, dann wird der time() wird es tun. Verlassen Sie diese in Ihrem code dauerhaft ist nicht wirklich eine gute Idee, denn es wird nur verlangsamen das laden der Seiten und wahrscheinlich nicht notwendig.

Ich habe festgestellt, dass, zwingt ein style-sheet aktualisieren ist nützlich, wenn Sie haben umfangreiche änderungen an einer Seite, das layout und den Zugriff auf das neue Stylesheet ist wichtig, dass etwas vernünftiges auf dem Bildschirm erscheinen.

InformationsquelleAutor der Antwort BPrice