Vraag Chrome-cache uitschakelen voor website-ontwikkeling


Ik ben bezig met het aanpassen van het uiterlijk van een site (CSS-aanpassingen) maar kan het resultaat niet zien in Chrome vanwege irritante, blijvende cache. Ik heb geprobeerd Verschuiving+ verversen maar het werkt niet.

Hoe kan ik de cache tijdelijk uitschakelen of de pagina vernieuwen op een manier dat ik de wijzigingen kon zien?


1431
2018-04-16 23:10


oorsprong


antwoorden:


De Chrome DevTools kunnen de cache deactiveren.

  1. F12 of Klik met de rechtermuisknop en Inspect Element om de DevTools te openen.
  2. Nu Klik  Network in de werkbalk om het netwerkpaneel te openen.
  3. Tenslotte, controleren de Disable cache selectievakje bovenaan.

screenshot of development tools panel

Houd in gedachten, als een gekwetter van @ChromiumDev vermeld, deze instelling is alleen actief zolang devtools open is.

Merk op dat dit zal resulteren in alle bronnen worden opnieuw geladen. Als u de cache alleen voor sommige bronnen wilt uitschakelen, kunt u de HTTP-header wijzigen die uw server naast uw bestanden verzendt. Hierover kunt u meer lezen hier.


1814
2017-08-09 18:20



enter image description here

Het wissen van de cache is te vervelend als je de cache 30 keer per uur moet leegmaken .. dus heb ik een Chrome-extensie geïnstalleerd genaamd Klassieke cache moordenaar die de cache bij elke laad van de pagina wist.

Chrome Store Link (gratis) (Nu zonder malware!)

Nu worden mijn mock json, javascript, css, html en data vernieuwd elke keer op elke pagina laden.

ik nooit maak je geen zorgen als ik mijn cache moet wissen.

Er zijn ongeveer 20 cache-reinigers voor Chrome die ik heb gevonden, maar deze leek lichtgewicht en geen moeite. In een update kan Cache Killer nu "altijd aan" blijven.

Opmerking: ik ken de auteur van de plug-in op geen enkele manier. Ik vond het gewoon nuttig.


230
2017-08-02 21:46



Picture of reload menu

  1. Trek de Chrome-ontwikkelaarsconsole omhoog door op te drukken F12 en dan (met de console open):

  2. Klik met de rechtermuisknop (of houd links ingedrukt) op de knop voor opnieuw laden bovenaan in de browser en selecteer 'Lege cache en harde herlaadbeurt'.

Dit gaat verder dan "Hard Reload" om de cache volledig te legen, en ervoor te zorgen dat alles wat via javascript of etc. wordt gedownload, ook de cache zal vermijden. U hoeft niet te knoeien met instellingen of iets anders, het is een snelle 1-shot-oplossing.


184
2018-01-22 15:29



Er zijn nog twee opties om Schakel pagina-caching voorgoed uit in Chrome:

1. Deactiveer Chrome Cache in het register

Open Register (Start -> Opdracht -> Regedit)

Zoeken: HKEY_CLASSES_ROOT\ChromeHTML\shell\open\command

Wijzig het gedeelte na ... chrom.exe "in deze waarde: –disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

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

BELANGRIJK:

  • er is een spatie en een koppelteken na ... chrome.exe "

  • laat het pad naar chrome.exe zoals het is

  • Als u de regel kopieert, moet u controleren of de aanhalingstekens werkelijke aanhalingstekens zijn.

2. Deactiveer Chrome-cache door de snelkoppeigenschappen te wijzigen

Klik met de rechtermuisknop op het Chrome-pictogram en selecteer 'Eigenschappen' in het contextmenu. Voeg de volgende waarde toe aan het pad: –disk-cache-size=1

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

BELANGRIJK:

  • er is een spatie en een koppelteken na ... chrome.exe "

  • laat het pad naar chrome.exe zoals het is


35
2017-08-05 13:42



Als u de instellingen van Chrome niet wilt bewerken, kunt u de incognitomodus gebruiken voor dezelfde resultaten.


22
2018-04-03 01:33



In aanvulling op de optie cache deactiveren (die u krijgt via een knop in de rechterbenedenhoek van het venster met ontwikkelaarstools - Tools | Developer Tools, of Ctrl + Verschuiving + ik), in het netwerkvenster van de ontwikkelaarshulpprogramma's kunt u nu met de rechtermuisknop klikken en "Cache wissen" in het pop-upmenu kiezen.


20
2017-09-15 15:47



  1. F12 om Chrome DevTools te openen
  2. F1 om DevTools-instellingen te openen
  3. Controleren Schakel cache uit (terwijl DevTools open is) zoals hieronder getoond:

Dit staat momenteel op de voorkeuren tabblad dat standaard is. Mogelijk moet u naar beneden scrollen. Dit selectievakje is ten minste een paar keer verplaatst sinds deze vraag is gesteld. De laatste keer dat ik het controleerde, stond het in de middelste kolom onderaan. Als je het hebt geopend op een dunner scherm en er zijn twee kolommen onder Voorkeuren, is het mogelijk in de buurt van de rechterbovenhoek. Je kunt deze post bijwerken als deze wordt gewijzigd of reageren en ik zal het bericht bijwerken.

enter image description here


19
2018-03-31 16:38



In het Canarische Kanaal (en misschien volgt het dev en stabiele kanaal) is dit te vinden als de tweede optie in het algemeen aan de linkerkant onder het gedeelte "Algemeen".

Disable Cache in Chrome Canary Channel

Daarnaast is er altijd de mogelijkheid om over te schakelen naar de incognitomodus via Ctrl + Shift + N. Hoewel dat helaas ook eindigt met je sessie.


16
2018-03-27 20:28



In plaats van "F5" aan te raken Gewoon raken:

"Ctrl + F5"


16
2017-11-24 15:56



Voor de duidelijkheid, het selectievakje cache uitschakelen in Chrome (v17 hier, maar sinds v15 geloof ik) staat niet in de gebruikersinterface van de hoofdinstellingen. Het bevindt zich in de gebruikersinterface van de ontwikkelaarstools.

  1. Kies Tools → Developer Tools in het moersleutelpictogrammen-menu van de browser (voorkeurmenu)

  2. In de gebruikersinterface voor ontwikkelaarstoepassingen die verschijnt, klikt u op het tandwielpictogram rechtsonder.

  3. Schakel het selectievakje 'Cache uitschakelen' in het gedeelte Netwerk in.


13
2017-11-28 01:46



Gebruik makend van Ctrl+Verschuiving+R opfrissen was leuk, maar kreeg niet alles wat ik nodig had. nog steeds sommige dingen zouden niet vernieuwen, zoals gegevens opgeslagen in js en css. vond een oplossing: a werkbalk van Google voor Chrome-webontwikkelaars. Nadat u de werkbalk hebt geïnstalleerd, selecteert u opties en "reset pagina".


13
2018-05-08 12:59