Partage

La feuille de style fantôme

Ça me rend dingue

Sujet résolu
9 août 2017 à 19:21:15

Conformément au tuto, j'ai une feuille de style ainsi liée à mes pages php :

<link rel="stylesheet" href="style.css"/>

Le problème : quand je modifie la feuille, souvent pour des questions d'alignement flex, il arrive un moment où les modifications ne sont plus prises en compte à l'exécution : j'ai beau enregistrer la feuille, vérifier que je travaille sur la bonne feuille style.css dans le bon répertoire, le site continue de se comporter comme si elle n'avait pas été modifiée. C'est à s'arracher les cheveux car on ne s'aperçoit pas tout de suite du problème, on ne comprend pas pourquoi rien ne change. La première fois que c'est arrivé, incrédule, j'ai fait une modification simple (couleur d'un titre) pour confirmer que j'avais bien identifié le problème : changements pas pris en compte. J'ai fait un test au résultat déroutant : j'ai retiré le fichier .css du répertoire : le site continue comme si de rien n'était ! 

Donc, maintenant, quand ça arrive, je fais deux choses : je vire la ligne link en la mettant en commentaire, je retire le .css du répertoire, je viens sur le site, (le style a disparu), je remets le .CSS et je remets la ligne en retirant les balises de commentaire. Et ça remarche.

Voilà la galère. Qui sait d'où ça vient ? 

Une chose : j'ai une feuille de style unique pour toutes mes pages php. Est-ce que c'est correct, ou est-ce qu'il faut une feuille .CSS pour chaque feuille .php ?

-
Edité par zakod 9 août 2017 à 19:25:56

9 août 2017 à 19:28:21

Bonsoir,

problème de cache sans doute,

Avec Chrome, maintenir la touche Majuscules enfoncée et recharger la page = "forcer l'actualisation de cette page" les modifs sont prises en compte, le cache non utilisé.
A essayer sur d'autres navigateurs

9 août 2017 à 19:30:54

Salut !

ça m'est déjà arrivé !

es-tu sur google chrome comme navigateur ?

dans tous les cas, essai de vider le cache du navigateur ou tout simplement les désactiver.

9 août 2017 à 20:30:24

Bonsoir,

Une chose : j'ai une feuille de style unique pour toutes mes pages php. Est-ce que c'est correct, ou est-ce qu'il faut une feuille .CSS pour chaque feuille .php ?

Si tu n'a pas de doublons, ce,'est pas un souci en phase de développement de décomposer le CSS en plusieurs fichiers.

Mais par la suite (hébergement) il est recommandé de tout regrouper en une feuille de style unique (et minifiée tant qu'à faire) 

Donc oui c'est à toi de choisir, pas de soucis :) 

-
Edité par pipelette13 9 août 2017 à 20:32:06

10 août 2017 à 12:08:18

Merci à tous. Pipelette, OK, c'est ce qui me semblait, une feuille de style pour tout le monde, c'est bien plus simple. On peut mieux structurer, avec des div communs.

MordosSmith et ChrisLebure, j'utilise Firefox avec Mamp, et parallèlement Safari (pour la doc, OC, etc.).

Je ne sais pas très bien ce qu'est le cache. Sur Safari, j'ai "vider les caches" dans le menu développement, et sur firefox, je n'ai pas trouvé.

Qu'est-ce qui se passe quand on vide le cache ?

10 août 2017 à 12:32:39

Info ici :

https://fr.wikipedia.org/wiki/Cache_web

à noter que les raccourcis claviers indiqués ne sont pas bon pour Chrome Mac, il s'agit en fait de Commande + Majuscule  + r

10 août 2017 à 13:58:18

Eh bien voilà qui explique tout, à mon avis. Merci ! Pour Firefox, CTRL F5 ou CTRL R pour vider le cache. Mais je pense que je vais essayer de le désactiver, car il me semble inutile (et chiatique) quand on en est au développement. En tout cas, j'ai compris à la fois l'utilité du cache, et la cause de mes soucis. 

Le phénomène doit concerner aussi les pages php ? 

10 août 2017 à 15:06:35

Le cache du navigateur s'applique à toutes les pages, HTML ou PHP, oui
10 août 2017 à 17:36:55

Dans les préférences de Firefox, pour désactiver le cache, j'ai trouvé cette solution :  mettre à 0 la mémoire disponible pour le cache. 

10 août 2017 à 18:19:21

Hello,

Pour Chrome (et autres à voir) j'utilise l'extension History Eraser. Très pratique quand je dév en JS au niveau du webStorage, le tout en 1 clique.

Tu peux choisir les actions, sinon il efface tout, quand je dis tout c'est tout ;) 

-
Edité par Lucky13 10 août 2017 à 18:22:15

10 août 2017 à 20:14:21

Merci Lucky, mais je travaille sous Firefox.

D'après ton avatar, tu bosses avec Xcode ? Tu t'y connais en swift et objective C ?

10 août 2017 à 21:04:22

D'après ton avatar :D je vois pas le rapport...

Non je suis sous Wx, bien que je songe passé à autre chose et Xcode bientôt...

J'utilise VSC (compatible tout OS) : https://code.visualstudio.com/ 

Sinon Eraser existe aussi pour FF -> https://addons.mozilla.org/fr/firefox/addon/eraser-13009/ 

-
Edité par Lucky13 10 août 2017 à 21:07:04

11 août 2017 à 11:58:57

Parce que voilà l'icône de xcode : 

11 août 2017 à 12:15:51

Dans ma signature il y a : Pourquoi cet AVATAR ? ;)

As-tu regardé pour l'extension Eraser sous FF ? c'est quand même très pratique...

11 août 2017 à 15:09:06

zakod a écrit:

Qu'est-ce qui se passe quand on vide le cache ?


Pour répondre à ta question, le cache en faite, pour faire vite, sauvegarde tes fichiers js css ou autre pour qu'au prochain rechargement, il va directement les chercher dans le cache et donc la page se recharge plus rapidement. Il stocke ainsi l'ancienne version de ton fichier.

cdt

11 août 2017 à 16:47:12

Scusate Lucky, j'avais pas fait le rapprochement (pourtant j'ai vu The wall) ! Le cimetière, c'est Arlington ? Ça m'a rappelé une scène poignante de Harold et Maud. Marrant, ce second degré : le concert évoque une scène nazie ! Les brassards, le noir et le rouge, la croix "martée".

J'ai regardé eraser. Pour l'instant, avec mon cache réglé sur 0, je crois que ça va. Ça ne me gène pas pour la navigation, puisque je n'utilise FF que pour le développement. Mais merci quand-même.

Et merci à toi Froggy !

12 août 2017 à 0:07:48

Oui et le message va plus loin: filtrer les gros, les moches, les boutonneux...Ne pas oublier même 40 ans après, vive le floyd :)

Pour le reste c'est ton choix d'utilisation  ;)

-
Edité par Lucky13 12 août 2017 à 0:15:34

La feuille de style fantôme

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown