SCARICARE LA CACHE - METODOLOGIE
Progetto FREE
PRO
- Il codice si inserisce direttamente in un oggetto HTML
- Possibilità di manipolare i colori del pulsante attraverso lo style
- Utilizzo di risorse minime
CONTRO 
- Nessuna controindicazione ma è preferibile per l'utente che vuole smanettare copiare il codice direttamente da PC per evitare che i browser possano interpretare male i rientri del codice che si verificano al restringimento della tabella a risoluzioni più basse
Alcuni esempi per creare tre tipi di intervento sulla cache del browser.
Il contenuto del codice e dei relativi testi vanno inseriti in un normale oggetto html 
REFRESH DI PAGINA
È utile quando vuoi semplicemente aggiornare il contenuto della pagina per vedere eventuali modifiche. Questo tipo di refresh può ancora utilizzare la cache se il contenuto non è cambiato, rendendolo più veloce. Equivale anche a pigiare il tasto CTRL-F5
INSERISCI IN CODICE HTML | ||
<input type="button" value="Aggiorna la pagina con refresh ▼" onclick="location.reload(true);" class="custom-button" /> <style> .custom-button { width: 250px; height: 25px; background-color: initial; border: 1px solid #000; cursor: pointer; } .custom-button:hover { background-color: #ff0000 !important; /* Rosso vivo */ } </style> |
AGGIORNA CON UN REFRESH FORZANDO LA CACHE . Equivale a premere CTRL-R e CTRL-F5 contemporaneamente
INSERISCI IN CODICE HTML | ||
<input type="button" value="Aggiorna la pagina e la cache ▼" onclick="forceReload();" class="custom-button" /> <script> function forceReload() { window.location.href = window.location.pathname + "?v=" + new Date().getTime(); } </script> <style> .custom-button { width: 250px; height: 25px; background-color: initial; border: 1px solid #000; cursor: pointer; background-color: #bf9000 !important; } .custom-button:hover { background-color: #E7BF21 !important; /* marrone */ } </style> |
SCARICARE LA CACHE
(bypassare la cache): È preferibile quando hai apportato modifiche al sito (come aggiornamenti di codice o nuove immagini) e vuoi assicurarti che il browser carichi la versione più recente direttamente dal server, ignorando eventuali contenuti salvati nella cache. Se hai bisogno di aggiornare frequentemente il contenuto del sito e vuoi essere certo che i visitatori vedano sempre la versione più recente, il metodo che forza il ricaricamento bypassando la cache è la scelta migliore.
INSERISCI IN CODICE HTML | ||
<input type="button" value="Scarica completamente la cache ▼" onclick="forceReload();" class="custom-button" /> <script> function forceReload() { // Elimina la cache del browser if ('caches' in window) { caches.keys().then(function(names) { for (let name of names) caches.delete(name); }); } // Ricarica la pagina con un URL unico window.location.href = window.location.pathname + "?v=" + new Date().getTime(); } </script> <style> .custom-button { width: 250px; height: 25px; background-color: initial; border: 1px solid #000; cursor: pointer; background-color: #bf9000 !important; } .custom-button:hover { background-color: #E7BF21 !important; /* marrone */ } </style> |
COMMENTA ▼
Non sono presenti ancora recensioni.