Forcez le navigateur à vider le cache

Question

Existe-t-il un moyen de placer un code sur ma page pour que, lorsqu'une personne visite un site, le cache du navigateur soit effacé et qu'elle puisse voir les modifications ?

Langues utilisées : ASP.NET, VB.NET, et bien sûr html, css, et jquery.

Answer 1

Si c'est pour voir les changements de css ou de js, une solution est d'ajouter _versionNo au fichier css/js pour chaque version. Par exemple

script_1.0.css script_1.1.css script_1.2.css etc.

Vous pouvez consulter cette lien pour voir comment cela pourrait fonctionner.

Answer 2

Regardez dans le cache-control et le expirant à Balise META.

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
<META HTTP-EQUIV="EXPIRES" CONTENT="Mon, 22 Jul 2002 11:12:01 GMT">

Une autre pratique courante consiste à ajouter des chaînes de caractères changeant constamment à la fin des fichiers demandés. Par exemple :

<script type="text/javascript" src="main.js?v=12392823"></script>

Answer 3

C'est une vieille question mais je pense qu'il faut y répondre de manière plus actuelle car il existe désormais un moyen de mieux contrôler la mise en cache des sites Web.

Sur Applications Web hors ligne (c'est-à-dire tout site web HTML5) applicationCache.swapCache() peut être utilisé pour mettre à jour la version en cache de votre site web sans avoir à recharger manuellement la page.

Voici un exemple de code tiré du Guide du débutant pour l'utilisation du cache d'application sur les rochers HTML5 expliquant comment mettre à jour les utilisateurs vers la dernière version de votre site :

// Check if a new cache is available on page load.
window.addEventListener('load', function(e) {

  window.applicationCache.addEventListener('updateready', function(e) {
    if (window.applicationCache.status == window.applicationCache.UPDATEREADY) {
      // Browser downloaded a new app cache.
      // Swap it in and reload the page to get the new hotness.
      window.applicationCache.swapCache();
      if (confirm('A new version of this site is available. Load it?')) {
        window.location.reload();
      }
    } else {
      // Manifest didn't changed. Nothing new to server.
    }
  }, false);

}, false);

Voir aussi Utilisation du cache de l'application sur Mozilla Developer Network pour plus d'informations.

Answer 4

Pas en tant que tel. Une méthode consiste à envoyer les en-têtes appropriés lors de la diffusion du contenu afin de forcer le navigateur à se recharger :

S'assurer qu'une page web n'est pas mise en cache, dans tous les navigateurs.

Si votre recherche de "cache header" ou quelque chose de similaire ici sur SO, vous trouverez des exemples spécifiques à ASP.NET.

Une autre solution, moins propre mais parfois unique si vous ne pouvez pas contrôler les en-têtes côté serveur, consiste à ajouter un paramètre GET aléatoire à la ressource qui est appelée :

myimage.gif?random=1923849839

Answer 5

Pour ressources statiques La bonne mise en cache serait de utiliser les paramètres de la requête avec la valeur de chaque version de déploiement ou de fichier. Cela aura pour effet de vider le cache après chaque déploiement.

/Content/css/Site.css?version={FileVersionNumber}

Voici un exemple d'ASP.NET MVC.

<link href="@Url.Content("~/Content/Css/Reset.css")?version=@this.GetType().Assembly.GetName().Version" rel="stylesheet" type="text/css" />

N'oubliez pas de mettre à jour la version de l'assemblage.