143 votes

Bdfy avatar

Comment empêcher la mise en cache de mon fichier Javascript ?

Demandé el 14 de Septembre, 2011
Quand la question a-t-elle été
257425 affichage
Nombre de visites la question a
4 Réponses
Nombre de réponses aux questions
Fermé
Situation réelle de la question

J'ai un html simple :

 <html>
<body>
<head>
<meta charset="utf-8">
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>
<script src="test.js"></script>
</body>
</html>

Dans test.js, j'ai modifié une fonction Javascript, mais mon navigateur met ce fichier en cache. Comment désactiver le cache pour le script src ?

Demandé el 14 de Septembre, 2011 par Bdfy

Réponses

Trop de publicités?

51voto

plutov.by avatar
plutov.by Points 8991 
<script src="test.js?random=<?php echo uniqid(); ?>"></script>

EDIT : Ou vous pouvez utiliser l'heure de modification du fichier pour qu'il soit mis en cache sur le client.

 <script src="test.js?random=<?php echo filemtime('test.js'); ?>"></script>
Répondu el 14 de Septembre, 2011 par plutov.by (8991 Points )

16voto

Quentin avatar
Quentin Points 325526

Configurez votre serveur Web pour envoyer des en-têtes HTTP de contrôle de mise en cache pour le script.

Faux en-têtes dans les documents HTML :

  1. Ne sont pas aussi bien pris en charge que les vrais en-têtes HTTP
  2. Appliquer au document HTML, pas aux ressources auxquelles il renvoie
Répondu el 14 de Septembre, 2011 par Quentin (325526 Points )

15voto

daveoncode avatar
daveoncode Points 4453

Vous pouvez ajouter un queryString à votre src et le modifier uniquement lorsque vous publierez une version mise à jour :

 <script src="test.js?v=1"></script>

De cette façon le navigateur utilisera la version mise en cache jusqu'à ce qu'une nouvelle version soit spécifiée (v=2, v=3...)

Répondu el 14 de Septembre, 2011 par daveoncode (4453 Points )

9voto

Baszz avatar
Baszz Points 5779

Vous pouvez ajouter une chaîne aléatoire (ou datetime) comme chaîne de requête à l'url qui pointe vers votre script. Ainsi:

 <script type="text/javascript" src="test.js?q=123"></script>

Chaque fois que vous actualisez la page, vous devez vous assurer que la valeur de « q » est modifiée.

Répondu el 14 de Septembre, 2011 par Baszz (5779 Points )

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

Yandex
X