Frage Chrome-Cache für die Website-Entwicklung deaktivieren


Ich ändere das Erscheinungsbild einer Website (CSS-Änderungen), kann das Ergebnis in Chrome jedoch aufgrund von lästigem persistentem Cache nicht sehen. Ich habe es versucht Verschiebung+ Aktualisieren, aber es funktioniert nicht.

Wie kann ich den Cache vorübergehend deaktivieren oder die Seite so aktualisieren, dass ich die Änderungen sehen kann?


1431
2018-04-16 23:10


Ursprung


Antworten:


Die Chrome DevTools können den Cache deaktivieren.

  1. F12 oder Rechtsklick und Inspect Element um die DevTools zu öffnen.
  2. Jetzt klicken  Network in der Symbolleiste, um den Netzwerkbereich zu öffnen.
  3. Endlich, prüfen das Disable cache Kontrollkästchen an der Spitze.

screenshot of development tools panel

Denken Sie daran, als tweeten von @ChromiumDev angegeben, diese Einstellung ist nur aktiv während Devtools geöffnet ist.

Beachten Sie, dass dies zur Folge hat alle Ressourcen werden neu geladen. Wenn Sie den Cache nur für einige Ressourcen deaktivieren möchten, können Sie den HTTP-Header ändern, den Ihr Server neben Ihren Dateien sendet. Sie können mehr darüber lesen Hier.


1814
2017-08-09 18:20



enter image description here

Löschen des Cache ist zu nervig, wenn Sie den Cache 30 mal die Stunde löschen müssen. Also habe ich eine Chrome Extension namens client installiert Klassischer Cache-Killer Das löscht den Cache bei jedem Laden der Seite.

Chrome Store-Link (kostenlos) (Jetzt ohne Malware!)

Jetzt werden meine JSON, Javascript, CSS, HTML und Daten aktualisiert jedes Mal auf Jede Seite wird geladen.

ich noch nie Ich muss mir Sorgen machen, wenn ich meinen Cache löschen muss.

Es gibt ungefähr 20 Cache-Reiniger für Chrome, die ich gefunden habe, aber dieses schien leicht und null Mühe. In einem Update kann Cache Killer jetzt "immer an" bleiben.

Hinweis: Ich kenne den Plugin-Autor in keiner Weise. Ich fand es einfach nützlich.


230
2017-08-02 21:46



Picture of reload menu

  1. Ziehen Sie die Chrome-Entwicklerkonsole hoch, indem Sie drücken F12 und dann (mit geöffneter Konsole):

  2. Klicken Sie mit der rechten Maustaste (oder halten Sie die linke Maustaste) auf die Schaltfläche zum Neuladen oben im Browser und wählen Sie "Cache leeren und Neu laden".

Dies wird über "Hard Reload" hinausgehen, um den Cache vollständig zu leeren und sicherzustellen, dass alles, was über Javascript oder Ähnliches heruntergeladen wird, auch den Cache nicht verwendet. Sie müssen sich nicht mit Einstellungen oder irgendetwas herumärgern, es ist eine schnelle 1-Schuss-Lösung.


184
2018-01-22 15:29



Es gibt zwei weitere Optionen zu deaktivieren Sie das Seiten-Caching für immer in Chrome:

1. Deaktivieren Sie den Chrome-Cache in der Registrierung

Öffnen Sie die Registrierung (Start -> Befehl -> Regedit)

Suchen nach: HKEY_CLASSES_ROOT\ChromeHTML\shell\open\command

Ändern Sie den Teil nach ... chrom.exe "auf diesen Wert: –disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

Beispiel: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

WICHTIG:

  • Es gibt einen Leerzeichen und einen Bindestrich nach ... chrome.exe "

  • belassen Sie den Pfad zu chrome.exe unverändert

  • Wenn Sie die Zeile kopieren, achten Sie darauf, zu überprüfen, ob die Anführungszeichen tatsächliche Anführungszeichen sind.

2. Deaktivieren Sie den Chrome-Cache, indem Sie die Verknüpfungseigenschaften ändern

Klicken Sie mit der rechten Maustaste auf das Chrome-Symbol und wählen Sie "Eigenschaften" im Kontextmenü. Fügen Sie dem Pfad folgenden Wert hinzu: –disk-cache-size=1

Beispiel: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" –disk-cache-size=1

WICHTIG:

  • Es gibt einen Leerzeichen und einen Bindestrich nach ... chrome.exe "

  • belassen Sie den Pfad zu chrome.exe unverändert


35
2017-08-05 13:42



Wenn Sie die Chrome-Einstellungen nicht bearbeiten möchten, können Sie den Inkognito-Modus für dieselben Ergebnisse verwenden.


22
2018-04-03 01:33



Zusätzlich zur Option "Cache deaktivieren" (die Sie über eine Schaltfläche in der unteren rechten Ecke des Entwicklertoolsfensters aufrufen - Tools | Entwicklertools oder Strg + Verschiebung + ich), klicken Sie im Netzwerkbereich der Entwicklerwerkzeuge mit der rechten Maustaste und wählen Sie "Cache leeren" aus dem Popup-Menü.


20
2017-09-15 15:47



  1. F12 Chrome DevTools öffnen
  2. F1 um die DevTools Einstellungen zu öffnen
  3. Prüfen Cache deaktivieren (während DevTools geöffnet ist) Wie nachfolgend dargestellt:

Dies ist derzeit auf der Einstellungen Registerkarte, die der Standard ist. Möglicherweise müssen Sie nach unten scrollen. Dieses Kontrollkästchen wurde mindestens ein paar Mal verschoben, seit diese Frage gestellt wurde. Zuletzt habe ich nachgesehen, es war in der mittleren Spalte unten. Wenn Sie es auf einem dünneren Bildschirm geöffnet haben und unter den Voreinstellungen zwei Spalten stehen, befindet es sich möglicherweise in der Nähe der oberen rechten Ecke. Fühlen Sie sich frei, diesen Beitrag zu aktualisieren, wenn es sich ändert oder kommentiert und ich werde den Beitrag aktualisieren.

enter image description here


19
2018-03-31 16:38