Ferma la memorizzazione nella cache di Chrome dei miei file JS

Apporterò una modifica ai miei file JS ma non cambierà davvero nel browser, devo rinominare i file ogni volta in modo che lo ricarichi. Esiste una sorta di comando .htaccess che posso aggiungere o qualcosa per impedirne la memorizzazione nella cache?

Sta persino memorizzando nella cache le mie pagine HTML hard core. Devo riaprire il mio intero browser solo per vedere le modifiche. Potrebbe essere forse un problema del server?

È possibile fare clic sull'icona delle impostazioni nell'angolo in alto a destra ...| Più strumenti | Strumenti per sviluppatori | Rete | Disabilita cache (mentre DevTools è aperto)

Per Windows, questo è F12o CTRL + SHIFT + Imentre sul Mac si CMD + SHIFT + Iapre DevTools.

Nuovo percorso per Chrome Update settembre 2018:

Fai clic sull'icona delle impostazioni nell'angolo in alto a destra ...| Impostazioni | Preferenze | Strumenti per sviluppatori | Rete | Disabilita cache (mentre DevTools è aperto)

Un modo più rapido per farlo è facendo clic con il tasto destro sull'icona di aggiornamento accanto alla barra degli indirizzi e scegliendo Svuota cache e Ricarica dura

Assicurati solo che gli strumenti di sviluppo di Chrome siano aperti. (Premi F12) A proposito ... Questo trucco funziona solo su Chrome per Windows, Ubuntu e Mac OS

Tieni premuto Maiusc mentre fai clic sul pulsante Ricarica.

aggiungi Qualcosa di simile script.js?a=[random Number]al numero casuale generato da PHP.

Hai provato expire = 0, il pragma "no-cache" e "cache-control = NO-CACHE"? (Non so cosa dicono di Script).

Alcune idee:

1. Quando aggiorni la tua pagina in Chrome, esegui un CTRL + F5 per eseguire un aggiornamento completo.
2. Anche se si imposta la scadenza su 0, verrà comunque memorizzato nella cache durante la sessione. Dovrai chiudere e riaprire nuovamente il browser.
3. Quando si salvano i file sul server, assicurarsi che i timestamp vengano aggiornati. Chrome prima emetterà un HEADcomando anziché un GET completo per vedere se è necessario scaricare nuovamente il file completo e il server utilizza il timestamp per vedere.

Se vuoi disabilitare la memorizzazione nella cache sul tuo server, puoi fare qualcosa del tipo:

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

Passaggi rapidi:

1) Apri la dashboard degli Strumenti per gli sviluppatori accedendo al menu Chrome -> Strumenti -> Strumenti per gli sviluppatori

2) Fai clic sull'icona delle impostazioni sul lato destro (è un ingranaggio!)

3) Seleziona la casella "Disabilita cache (quando DevTools è aperto)"

4) Ora, mentre il cruscotto è attivo, premi Aggiorna e JS non verrà memorizzato nella cache!

Il problema è che Chrome deve avere must-revalidatenell'intestazione Cache-Control` per ricontrollare i file per vedere se è necessario recuperarli.

Puoi sempre SHIFT-F5 e forzare l'aggiornamento di Chrome, ma se vuoi risolvere questo problema sul server, includi questa intestazione di risposta:

Cache-Control: must-revalidate

Ciò indica a Chrome di verificare con il server e di vedere se esiste un file più recente. Se è presente un file più recente, lo riceverà nella risposta. In caso contrario, riceverà una risposta 304 e la certezza che quella nella cache è aggiornata.

Se NON imposti questa intestazione, in assenza di altre impostazioni che invalidano il file, Chrome non lo farà mai verificherà con il server per vedere se esiste una versione più recente.

Ecco un post sul blog che discute ulteriormente il problema.

Quando eseguo gli aggiornamenti alle mie applicazioni Web, userò un gestore per restituire un singolo file JS per evitare gli hit massicci sul mio server, o aggiungere una piccola stringa di query a loro:

<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>

So che questa è una "vecchia" domanda. Ma i mal di testa con la memorizzazione nella cache non lo sono mai. Dopo un sacco di tentativi ed errori, ho scoperto che uno dei nostri provider di web hosting aveva tramite CPanel questa app chiamata Cachewall. Ho appena cliccato su Abilita modalità di sviluppo e ... voilà !!! Ha fermato subito il dolore sofferto a lungo :) Spero che questo aiuti qualcun altro ... R

Stavo ottenendo lo stesso file css quando sfogliavo il sito Web (sul server della società di hosting con dominio reale) e non ero in grado di ottenere la versione aggiornata su Chrome. Sono stato in grado di ottenere la versione aggiornata del file quando lo sfoglio su Firefox. Nessuna di queste risposte ha funzionato per me. Ho anche i file del sito Web sul mio computer e navigo nel sito con localhost utilizzando il mio server Apache locale. Ho chiuso il mio server Apache e sono stato in grado di ottenere il file aggiornato. In qualche modo il mio server Apache locale stava scherzando con la cache di Chrome. Spero che questo aiuti qualcuno perché è stato molto difficile per me risolvere questo problema.

1. Apri gli strumenti di sviluppo

   • O F12
   • Oppure ...-> More Tools->Developer Tools

2. Clic Empty Cache and Hard Reload

   • Icona di aggiornamento del tasto destro del mouse (appena a sinistra per urlare la barra degli indirizzi)
   • Oppure fai clic con il pulsante sinistro del mouse sull'icona di aggiornamento e tieni premuto per 1 secondo

Puoi invece aprire una finestra di navigazione in incognito. Il passaggio a una finestra di navigazione in incognito ha funzionato per me quando la disabilitazione della cache in una normale finestra di Chrome non ha ancora ricaricato un file JavaScript che avevo modificato dall'ultima cache.

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