Discussion :

[shaun_the_sheep]

Bonjour,

Je cherche à forcer le navigateur a recharger les fichiers CSS et JS d’une page Web après une modification.

est ce possible?

Merci

[SpaceFrog]

modification ? par quoi ?

fais un reload de la page en mettant un timestamp sur les src des fichiers ...

[shaun_the_sheep]

Bonjour,

Je remarque que lorsque je modifie mon code , les modifications ne sont pas toujours prises en compte.

Je dois vider le cache du navigateur pour que cela soit correcte.

Je cherche donc le moyen de m'affranchir de vider le cache à chaque fois.

j'ai en entete de page :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
<meta http-equiv="Expires" content="0" />

mais cela ne sert pas à grand chose dans mon cas.

Merci

[SpaceFrog]

Curieux ...
J'avais cru avoir donnée une solution ...

[shaun_the_sheep]

Bon je viens de regarder la notion de timestamp

est ce bien quelque chose comme:

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

par contre 1161990407 represente quelle date ? la date de création du fichier ?

j'avoue avoir un peu de mal.

merci

[behess]

Le principe est le suivant : si le nom de ton JS change, alors forcément, le navigateur va recharger le fichier, il n'utilisera pas la version en cache.

Après tu peux tourner ça comme tu veux :

• soit tu changes carrément le nom du fichier "à la main" à chaque version,
• soit tu ajoutes un paramètre "?paramètre" qui peut être ce que tu veux également.

Dans tous les cas tu peux mettre ce que tu veux : un date, un numéro de version canonique, etc.

Pour recharger le fichier à coup sûr à chaque reload de la page, tu peux générer dynamiquement le paramètre que tu ajoutes à l'url de ton fichier à recharger :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="urldufichier.js<%= "?"+getTimestamp(); %>"></script>

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="urldufichier.js?"+new Date()"></script>

[shaun_the_sheep]

Merci beaucoup pour cette infomration.

je viens du coup apprendre que l'on peut passer des parametres à un fichier js.

encore merci

[behess]

Tu peux passer ce que tu veux à qui tu veux, reste que le fichier qui reçoit les paramètres n'est pas obligé de s'en servir...

Pour pouvoir utiliser des paramètres, le fichier ".js" doit être exécuté sur le serveur, comme n'importe quel programme CGI. Or ce n'est généralement pas le cas. Il faut dire au serveur "attention, va jeter un oeil dans les ficheirs .js au lieu de les balancer bêtement", et inclure dans le fichier des instructions comprises par le serveur. Mais je ne dis pas que c'est une bonne idée, ni une bonne pratique.

[SpaceFrog]

Pour pouvoir utiliser des paramètres, le fichier ".js" doit être exécuté sur le serveur

heu non ...
on peut tout a fait récupérer des paramètres passés dans l'url (GET) coté client ...
Cf la faq ...

[behess]

Oui c'est vrai, une fois chargé par le navigateur, les paramètres du fichier peuvent être récupérés en analysant le nom du fichier...

Je parlais de la méthode CGI "server-side" uniquement.