comment prendre en compte une mise à jour

**Patrice Henrio** · 08/07/2008, 21h47

Bonjour,

J'utilise un fichier javascript pour éditer un menu. Lors d'une mise à jour, je me suis aperçu que le navigateur utilisait une version ancienne de ce fichier qui était en cache internet. Le résultat était donc très différent de celui attendu.
Ma question est donc simple :
Comment forcer le navigateur à aller chercher la nouvelle version du fichier javascript ?
J'ai bien vu la méthode proposée par SpaceFrog
(http://javascript.developpez.com/faq...#navig.nocache)
mais je n'ai pas compris.

Merci.

**Zwiter** · 08/07/2008, 22h13

j'ai pas compris.
Tu cherches a charger un nouveau fichier de script dans une page deja affichée, ou bien tu veux que au rechargement de la meme page, le visiteur ai acces a un nouveau de script?
Z.

**Patrice Henrio** · 08/07/2008, 23h11

J'utilise un script pour créer un menu dans une page.
Ce menu évolue dans le temps (tous les six mois environ).
Il se compose d'un fichier htm qui fait appel à un fichier javascript
Tout à l'heure j'ai fait une mise à jour.
En local ça marchait bien. J'ai chargé les nouveaux fichiers sur mon site. L'affichage du menu prenait en compte le nouveau fichier (htm) et l'ancien fichier (js) : le résultat n'était pas celui attendu.
Il a fallu que je vide le cache internet de mon navigateur (Mozilla Firefox) pour que le nouveau fichier javascript soit pris en compte.
J'ai peur que les visiteurs aient la même mésaventure et s'imaginent qu'il y a un bug.
Merci.

**SpaceFrog** · 08/07/2008, 23h29

soit avec des balises meta no-cache ... mais pas sur que cela agisse sur des scripts externes

soit en mettant un timestamp dans le src de ton lien

sur le onload de ta page :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<script type='text/javascript'>
function foo(){
var ScriptLinks=document.getElementsByTagName('script');
for(i=0;ScriptLinks[i];i++){
if (ScriptLinks[i].src){ScriptLinks[i].src+="?"+new Date()}
}
}
</script>
</head>
 
<body onload="foo()">

**Patrice Henrio** · 09/07/2008, 10h23

Donc si je comprends bien, je rajoute un paramètre (la date) à chaque balise script de mon document. Ce paramètre n'est pas utilisé mais oblige le navigateur à recharger le fichier de script.
Cependant l'utilisateur utilise lors de sa visite de nombreuse fois ce script pour un menu déroulant et celui-ci ne change qu'une fois tous les six mois environ. Cela ne risque-t'il pas de ralentir beaucoup la navigation ?
N'est-il pas possible qu'à l'ouverture du document principal on puisse vérifier si une nouvelle version des documents existent et recharger ces nouvelles versions ?

Je pensais sinon modifier le nom de mon fichier script pour qu'il intègre un numéro de version. Ainsi tant que l'utilisateur a en cache une ancienne version du site, elle reste fonctionnelle. Dés qu'il recharge la nouvelle version, les fichiers de script sont nécessairement distincts.

Question subsidiaire : quelle est la politique de cache des différents navigateurs ?

**SpaceFrog** · 09/07/2008, 10h31

Oui le fait d'ajouter un paramètre oblige le navigateur à retourner à la source.

Changer le nom du script est une possibilité mais t'oblige à changer la page à chaque fois, puisque tu devras changer le non du fichier dans le src de la balise

Pour ce qui est de ralentir la navigation ... il fait quelle taille ton fichier script ??
A mon avis ce sera peanuts.

En ce qui concerne la vérification d'une nouvelle version c'est réalisable mais pas en javascript, il te faudrait du php en amont pour lister un repertoire, parser le nom de fichiers contenant le nr de version, et du coup rediger avec php ta balise script src ...

Une dernière bidouille qui me vient à l'esprit serait d'avoir un fichier js externe avec le dernier nr de version...

Code :

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

var vers=20080707

et du coup un script qui vient modifier le src en y ajoutant ce nombre à la fin

Code :

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

.src='monfichierscript'+vers+'.js'

le rechargement ne sera peut être pas systématique

**Patrice Henrio** · 09/07/2008, 10h52

Il s'agit d'un script permettant de dérouler un sous-menu.

J'ai essayé de mettre le script en pièce jointe mais il est très lent à répondre. Je ne sais pas si ça a marché
la taille est de 15ko

On peut voir la réalisation sur ce site

http://histoiremondiale.free.fr

Sinon je fais déjà du php et j'ai regardé cela
http://www.wikini.net/wakka.php?wiki...veauApplicatif

Je vais essayé ta méthode.

**SpaceFrog** · 09/07/2008, 11h03

perso avec 15Ko je ne m'embeterais pas à faire autre chose qu'un timestamp ...

**Patrice Henrio** · 09/07/2008, 11h07

Voici ce que j'ai mis

Code :

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

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
<html>
<head>
<title>Table des matières du programme HISTOIRE</title>
<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1'>
<meta http-equiv='Content-Style-Type' content='text/css'>
<style type='text/css'>
</style>
<script language="JavaScript" type="text/javascript" src="javascript/sommaire.js ?" + new Date()>
</script>

Est-ce correct ?

Je vais mettre en ligne en modifiant mon sommaire.js et je regarde.

**SpaceFrog** · 09/07/2008, 11h17

non je ne pense pas que ton new date soit interprété dans le htmltag (balise)

Je t'ai donné le code un peu plus haut, il va falloir lancer une fonction sur le onload de la page ...

**Bovino** · 09/07/2008, 11h21

J'utilise un script pour créer un menu dans une page.
Ce menu évolue dans le temps (tous les six mois environ).

Un nouveau fichier à intégrer dans une page tous les six mois... autant changer le nom du fichier à chaque mise à jour...

**SpaceFrog** · 09/07/2008, 11h24

pour 15Ko ...

**Patrice Henrio** · 09/07/2008, 11h32

Je viens de tester un certain nombre de choses et aujourd'hui et ... miracle les modifications sont prises en compte quasi instantanément. Y compris avec exactement le même genre de modifications qu'hier, c'est à dire sans utiliser la méthode de SpaceFrog (ajout d'un paramètre), ni celle de Bovino (changer le nom du fichier).
Il m'est donc difficile de tester si l'une ou l'autre des méthodes résoud le problème d'hier soir.

Encore un mystère de l'informatique.

**Patrice Henrio** · 09/07/2008, 11h37

Je vais laisser tomber pour l'instant.

Merci en tout cas de vous être intéressé au problème.

P. HENRIO

**SpaceFrog** · 09/07/2008, 11h50

le web est parfois capricieux ...
les raisons de vidange de cache à différents niveaux sont obscures ???
entre le navigateur, les proxys les hébergeurs ...

Si cela n'a pas un caractère d'importance majeur, tu peux en effet te reposer sur le bon vouloir de la mise à jour automatique ...

comment prendre en compte une mise à jour

JavaScript

Discussions similaires

Partager

Partager