1. Accueil
  2. Question et réponse
  3. Comment configurer l'environnement pour le codage frontal?

Comment configurer l'environnement pour le codage frontal?

2010-12-12 22 views
1

Je suis en train de faire quelques codages frontaux en CSS et javascript. Mais la mise en cache des fichiers css, javascript et html me tue lentement. Chaque fois que je fais un changement, j'essaye tout pour que les fichiers mis à jour soient actualisés, mais l'ancienne version continue de revenir. Bien sûr, c'est une grande fonctionnalité dans la version de production, mais en développement, ça me rend fou.Comment configurer l'environnement pour le codage frontal?

J'ai trouvé une extension "CSS Refresh" qui fait un bon travail d'actualisation de CSS, mais le html et le javascript peuvent toujours poser problème. J'utilise principalement du chrome et de temps en temps firefox pour tester.

Source

2010-12-12 DevX

+0

CTRL + F5 pour faire un rafraîchissement forcé – RobertPitt

+0

ne fonctionne pas toujours – DevX

+0

Works dans IE + FF, mais le chrome semble pas comme, surtout pour les images –

Répondre

2

Avez-vous essayé de désactiver le cache dans Firefox?

Si vous recherchez un addon https://addons.mozilla.org/en-US/firefox/addon/10338/

Ou comme un autre utilisateur déclaré utiliser la barre d'outils Web Developer https://addons.mozilla.org/en-US/firefox/addon/60/

Source

2010-12-12 16:18:31 troynt

+0

Bien que ce ne fut pas le source de mon problème (c'était la mise en cache de base de données mise en place par mon serveur). J'ai marqué ceci comme réponse puisque je n'étais pas au courant de cet outil et cela semble très utile. – DevX

0

Sur Firefox, vous avez la barre d'outils Web Developper qui peut désactiver la mise en cache pour un site Web particulier. Je recommande également l'extension Firebug si vous ne l'utilisez pas déjà.

Source

2010-12-12 16:16:25

1

je trouve la seule façon de garantir un rafraîchissement lorsque vous relâchez une nouvelle version d'un web l'application est de renommer les fichiers pertinents. Idéalement, utilisez une sorte de numéro de version sur le javascript/css (par exemple script.1.0.3.4.js). Avec un peu d'effort, vous pouvez automatiser tout cela dans le processus de construction en utilisant la fonction d'incrémentation automatique de la version d'un assemblage.

Source

2010-12-12 16:50:21

+0

Vraiment? Il doit y avoir un moyen plus facile pour l'homme. J'ai essayé la barre d'outils Web Developer suggérée ici et cela ne fonctionne toujours pas. J'ai changé une ligne de code dans un javascript, mais quand je regarde le js chargé dans firebug, c'est l'ancien. CTR; -5 n'aide pas. --- D'où Firefox tire-t-il ces vieux fichiers? – DevX

+0

Le CTR-5 etc est juste une solution de développement - vous ne pouvez pas attendre de vos clients/visiteurs de le faire chaque fois que vous changez votre javascript. Pour ce renommage est (autant que je sache) alors seule solution sûre pour forcer le rechargement du script/CSS. À des fins de développement, CTR-5 etc devrait vraiment fonctionner - si ce n'est pas le cas, alors vous mettez peut-être en cache le script ailleurs (par exemple dans un proxy?). Si vous effacez les données de navigation de la boîte de dialogue des options et que celle-ci ne change pas, elle est définitivement mise en cache à un autre point de la ligne. –

+0

J'ai donc vérifié mon fichier de paramètres. Il s'avère que je faisais la mise en cache de base de données et j'ai oublié de supprimer cette option. Doh! – DevX

 Questions connexes

  • Aucun problème connexe^_^