IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Forcer le navigateur a recharger les fichiers CSS et JS d’une page Web


Sujet :

JavaScript

  1. #1
    Membre éprouvé Avatar de shaun_the_sheep
    Homme Profil pro
    Chef de projet NTIC
    Inscrit en
    Octobre 2004
    Messages
    1 619
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : Enseignement

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 619
    Par défaut Forcer le navigateur a recharger les fichiers CSS et JS d’une page Web
    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

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    modification ? par quoi ?

    fais un reload de la page en mettant un timestamp sur les src des fichiers ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éprouvé Avatar de shaun_the_sheep
    Homme Profil pro
    Chef de projet NTIC
    Inscrit en
    Octobre 2004
    Messages
    1 619
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : Enseignement

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 619
    Par défaut
    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

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Curieux ...
    J'avais cru avoir donnée une solution ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre éprouvé Avatar de shaun_the_sheep
    Homme Profil pro
    Chef de projet NTIC
    Inscrit en
    Octobre 2004
    Messages
    1 619
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : Enseignement

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 619
    Par défaut
    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

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    255
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 255
    Par défaut
    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>

  7. #7
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <script type="text/javascript" src="urldufichier.js?"+new Date()"></script>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  8. #8
    Membre éprouvé Avatar de shaun_the_sheep
    Homme Profil pro
    Chef de projet NTIC
    Inscrit en
    Octobre 2004
    Messages
    1 619
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : Enseignement

    Informations forums :
    Inscription : Octobre 2004
    Messages : 1 619
    Par défaut
    Merci beaucoup pour cette infomration.

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

    encore merci

  9. #9
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    255
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 255
    Par défaut
    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.

  10. #10
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    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 ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  11. #11
    Membre confirmé
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    255
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 255
    Par défaut
    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.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Appliquer un fichier CSS en plein milieu d'une page
    Par laurentSc dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 01/12/2014, 13h48
  2. Réponses: 3
    Dernier message: 18/06/2010, 10h56
  3. Afficher un fichier rtf, doc ou autre dans une page web
    Par ThibF dans le forum Général Conception Web
    Réponses: 1
    Dernier message: 26/02/2009, 00h47
  4. Réponses: 3
    Dernier message: 21/08/2007, 16h24
  5. Réponses: 2
    Dernier message: 28/07/2006, 12h42

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo