Discussion :

[abc.xyz]

Bonjour,

je pensais que le code suivant permettait que lorsque on se reconnecte à un site dont le code vient d'être modifié, on puisse voir les modifications sans avoir à actualiser la page dont le code a été modifié.

Code :

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

1
2
3
 
<meta http-equiv="expires" content="wed, 19 Jul 2017 7:00:00 GMT">  
<meta http-equiv="pragma" content="no-cache">

Cela ne fonctionne pas, comment faut t'il procéder?

merci

[Tillo]

Bonjour,

on puisse voir les modifications sans avoir à actualiser la page dont le code a été modifié.

Je ne pense pas que ce soit possible.

Pour moi, si tu as une page ouverte sur ton navigateur et que je la modifie, tu seras obligé d'actualiser pour les modifs que j'ai réalisées.

Je ne connaissais pas la meta "no-cache". Je pense qu'elle sert juste à ne pas mettre la page en cache dans ton navigateur, mais elle ne dispensera pas d'actualiser ta page HTML pour voir les modifs.

Par contre, si tu appuies sur F12 dans ton navigateur, tu as accès à des outils qui permettent (par exemple) de modifier ton code CSS, et de voir les modifications en direct.
Tu peux ainsi tester des modifs ou corriger des erreurs sans modifier tout de suite ton code.

Bon courage
Tillo.

[Invité]

Bonjour,

@Tillo

...lorsque on se reconnecte à un site...

Donc, à priori, la page n'est pas déjà ouverte.
Et si je comprends bien, elle affiche une "ancienne version" de la page".

@xyz
As-tu un exemple concret de ce qui n'est pas modifié ? (images ? texte ? autre ?)

Et en effet, il peut s'agir du cache du navigateur.
Il peut aussi s'agir d'un cache au niveau du serveur.

• Cache-Control
• Pragma

Empêcher la mise en cache

Pour désactiver la mise en cache, il est possible d'envoyer l'en-tête suivant :

Code :

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

Cache-Control: no-cache, no-store, must-revalidate

Il est aussi pertinent de renvoyer des en-tête Expires et Pragma adaptés.

[Tillo]

Zut... autant pour moi, j'ai mal lu, désolé.

[abc.xyz]

ben en fait il s'agit par exemple d'éléments block (des balises div) sur la page positionnés en CSS en absolu, c'est à dire que je modifie la position:absolute de certains de ces éléments (par exemple je les rehausse sur la page en changeant la valeur de l'instruction top) et en me reconnectant au site je constate qu'ils n'ont pas changé de place, effectivement comme dit jreaux62 une ancienne version de la page est affichée.

[psychadelic]

le plus simple c'est de mettre quelque chose comme un faux numéro de version

exemple :

Code html :

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

<link href="assets/css/style.css?v=06" rel="stylesheet" />

ça marche aussi pour le Javascript

Code :

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

<script src="assets/js/scripts.js?v=04"></script>

la présence d'un ?v=XX différent oblige le serveur à recharger dans son cache les données à fournir.