Qual è la differenza tra “Ricarica normale”, “Ricarica dura” e “Svuota cache e Ricarica dura” in Chrome?

343

Di recente ho scoperto questa nuova funzione in Chrome:

ricaricare le opzioni

Riesco a capire la differenza tra l'opzione 1 e l'opzione 3 e quell'opzione 2 è probabilmente qualcosa nel mezzo, ma non riesco a trovare informazioni più precise da nessuna parte.

Qualcuno conosce il comportamento preciso di ciascuna delle 3 opzioni?

google-chrome google-chrome-devtools browser-cache

— Samuel Rossille
fonte

Potresti spiegare "questa funzione"? In particolare: come si accede ad esso? Ho provato tutti i tipi di clic con il pulsante destro, control-clic, ... ma non sono riuscito a ottenerlo. Che versione è questa?

— Joachim Sauer,

@JoachimSauer Haha questo è il mio piccolo segreto ... Seriamente è estremamente ben nascosto: devi premere il pulsante di aggiornamento senza rilasciarlo immediatamente mentre la console per gli sviluppatori è attiva samuelrossille.com/home/blog-chrome-reload-options.html

— Samuel Rossille,

Appare anche facendo clic con il tasto destro sull'icona di ricarica (mentre Devtools è aperto)

— Costa

Funziona con OSX Chrome? Non riesco a aprirlo tramite Dev Tools e fare clic destro / clic + tieni premuto

— nitsujri

Ho appena scoperto queste caratteristiche nell'anno 2016 per caso ...

— Edwin Yip,

Risposte:

439

Ricarica normale

La stessa cosa di premere F5. Questo utilizzerà la cache ma riconvaliderà tutto durante il caricamento della pagina, cercando risposte "304 non modificate". Se il browser può evitare di riscaricare file JavaScript, immagini, file di testo, ecc. Memorizzati nella cache, lo farà.

Ricarica dura

Non utilizzare nulla nella cache quando si effettua la richiesta. (che equivale a SHIFT+ F5Non è necessario aprire la Console per gli sviluppatori) Forza il browser a scaricare nuovamente tutti i file JavaScript, immagini, file di testo, ecc.

Cache vuota e Ricarica dura

Ovviamente, se la cache è vuota, dovrà eseguire un ricaricamento intenso. Ciò costringerà nuovamente il browser a scaricare di nuovo tutto. Tuttavia, se la pagina effettua download post-fact-fact tramite JavaScript che non facevano parte del caricamento della pagina, questi potrebbero comunque utilizzare la cache, che è dove lo svuotamento della cache aiuta perché si assicura che anche questi non utilizzino file memorizzati nella cache.

Nota : questa funzione è disponibile solo quando gli strumenti per sviluppatori sono aperti.

— Andrew Rasmussen
fonte

Qualcuno sa se la terza opzione svuota la cache per il sito corrente, anziché svuotare l' intera cache?

— Grinn,

@Grinn: In realtà, ora che ci penso, è probabilmente l'intera cache. Il punto di questa funzione è cancellare i download successivi, che non sono limitati a un solo "sito".

— Andrew Rasmussen,

Non sono chiaro su cosa sia considerato un "after-the-fact download via Javascript"? Qualcuno può fornire un esempio concreto?

— Costa

@Costa Puoi scaricare cose che inizialmente non sono state specificate nel DOM. Ad esempio aggiungendo un nuovo tag <script> al DOM o utilizzando RequireJS ecc. Qualsiasi libreria basata su AMD (come RequireJS) carica sostanzialmente i suoi script in modo pigrone. In tal caso, è necessario svuotare la cache per assicurarsi che tutto venga ricaricato con difficoltà.

— Domi,

Va notato che questo funziona solo se gli strumenti di sviluppo sono aperti (F12) Sarebbe bello se questa fosse un'impostazione che potrebbe essere sempre disponibile indipendentemente dal fatto che gli strumenti di sviluppo siano aperti o meno.

— scunliffe,

Funziona anche con Mac OS X. Apri gli strumenti di sviluppo, quindi, sul pulsante di ricarica, 1. fai clic sul pulsante secondario (clic destro per il mouse con la mano destra) oppure 2. fai clic lungo, ovvero premi a lungo per visualizzare il menu.

Oltre a questa risposta , un hard ricaricamento causa spesso l'aggiornamento di proxy, reti di distribuzione dei contenuti e altre cache remote.

— dcorking
fonte

"Il ricaricamento frequente causa spesso l'aggiornamento di proxy, reti di distribuzione dei contenuti e altre cache remote". → Puoi eseguirne il backup? Hai qualche citazione che spiega perché questo sarebbe il caso? Mi aspetto che l'Hard Reload ricarichi solo tutta la cache locale e non avrebbe alcun effetto aggiuntivo sui server remoti.

— Denilson Sá Maia,

Penso che i browser inviano Cache-Control: no-cacheun'intestazione. squid-web-proxy-cache.1019090.n4.nabble.com/… Il tuo?

— Dal

Ho fatto alcuni test ... Andando all'URL o utilizzando Normale Ricarica inviato 3 intestazioni di cache-related: Cache-Control: max-age=0, If-Modified-Since, If-None-Match. Tuttavia, facendo Hard Reload (con o senza svuotare la cache), sono state inviate solo 2 intestazioni relative alla cache: Cache-Control: no-cachee Pragma: no-cache. Quindi, sì, il browser in effetti invia un'intestazione chiedendo ai server una nuova versione; spetta quindi ai server (inclusi i proxy) modificare il comportamento in base a ciò.

— Denilson Sá Maia,

Grande! Puoi modificarlo nella mia risposta o scrivere la tua risposta. @ DenilsonSáMaia

— dcorking

Il seguente metodo consente di svuotare la cache solo per l'URL problematico. Mi ha aiutato quando ero bloccato con http alla cache di reindirizzamento https.

Apri gli strumenti di sviluppo di Chrome, in Windows che uso F12
Selezionare Preserve logper salvare il registro prima del reindirizzamento
Fare clic con il tasto destro del mouse sull'URL reindirizzato e Clear browser cache

Ciò cancellerà solo la cache problematica senza influire sulla cache normale.

— Sohail Ahmed
fonte