Pendant le développement, je dois «vider le cache» de Firefox tout le temps afin de lui permettre d'utiliser la dernière version des fichiers JavaScript.
Existe-t-il une sorte de paramètre (about: config) pour désactiver complètement la mise en cache pour les fichiers JavaScript? Ou, sinon, pour tous les fichiers?
Réponses:
Entrez "about: config" dans la barre d'adresse de Firefox et définissez:
browser.cache.disk.enable = false
browser.cache.memory.enable = falseSi vous développez localement ou utilisez le nouvel attribut manifeste de HTML5, vous devrez peut-être également définir les paramètres suivants dans about: config -
browser.cache.offline.enable = falseLa barre d'outils du développeur Web a une option pour désactiver la mise en cache, ce qui facilite son activation et sa désactivation lorsque vous en avez besoin.
Avez-vous essayé d'utiliser CTRL- F5pour mettre à jour la page?
Sur la même page que vous souhaitez désactiver la mise en cache, procédez comme suit: Pour info: la version sur laquelle je travaille est 30.0
Vous pouvez :
Après cela, il rechargera la page à partir de sa propre page (vous êtes sur) et tout est mis en cache et toute demande ultérieure est également rechiffrée à chaque fois et vous pouvez garder le développeur Web toujours ouvert pour garder un œil et vous assurer qu'il est toujours activé (vérifier) .
Outils de développement Firefox 48
Vous permet de désactiver le cache uniquement lorsque la boîte à outils est ouverte, ce qui est parfait pour le développement Web:
https://stackoverflow.com/a/27397425/895245 a un contenu similaire, mais le positionnement a un peu changé depuis.
Si vous travaillez avec du code côté serveur, vous pouvez générer un nombre aléatoire et l'ajouter à la fin du src de la manière suivante ...
src = "votreJavascriptFile.js? randomNumber = 434534"
le randomNumber étant généré aléatoirement à chaque fois.
Je sais que je ressuscite une question ancienne, mais j'essayais de résoudre ce problème aujourd'hui et d'avoir une solution alternative. Activer la mise en cache lorsque je veux tester n'était pas vraiment acceptable pour moi, et comme d'autres l'ont mentionné, l'actualisation difficile (ctrl + shift + r) ne fonctionne pas toujours.
Au lieu de cela, j'ai choisi de mettre ce qui suit dans mon fichier vhost.conf (peut également être fait dans .htaccess) sur mon environnement de développement:
<FilesMatch "\.(js|css)$">
FileETag None
<IfModule mod_headers.c>
Header unset ETag
Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
Header set Pragma "no-cache"
Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
</IfModule>
</FilesMatch>Sur mon environnement de développement, cela garantit que js et css sont toujours récupérés. De plus, cela n'affecte pas le reste de ma navigation, et cela fonctionne également pour tous les navigateurs, donc tester dans chrome / ie etc est également facile.
Vous avez trouvé l'extrait de code ici, ainsi que d'autres astuces pratiques pour Apache: http://www.askapache.com/htaccess/using-http-headers-with-htaccess.html#prevent-caching-with-htaccess
Pour m'assurer que mes clients voient toujours la dernière version en production, nous incrémentons la chaîne de requête sur les js include à chaque mise à jour, ie
jquery.somefile.js?v=0.5Cela force les navigateurs de mes clients à mettre à jour leur cache local lorsqu'ils voient une nouvelle chaîne de requête, mais met ensuite en cache la nouvelle copie jusqu'à ce que le fichier soit à nouveau mis à jour
La meilleure stratégie consiste à concevoir votre site pour créer une URL unique vers vos fichiers JS, qui est réinitialisée chaque fois qu'il y a un changement. De cette façon, il se met en cache lorsqu'il n'y a pas eu de changement, mais se recharge immédiatement quand un changement se produit.
Vous devrez vous adapter à vos outils d'environnement spécifiques, mais si vous utilisez PHP / Apache, voici une excellente solution pour vous et les utilisateurs finaux.
http://verens.com/archives/2008/04/09/javascript-cache-problem-solved/
Vous pouvez utiliser CTRL- F5pour recharger en contournant le cache.
Vous pouvez définir les préférences dans Firefox pour ne pas utiliser le cache
network.http.use-cache = falseVous pouvez configurer votre serveur Web pour envoyer des en-têtes no-cache / Expires / Cache-Control pour les fichiers js.
Voici un exemple de serveur Web Apache.
Il y a des avantages et des inconvénients aux deux dernières solutions publiées, mais ce sont toutes deux d'excellentes solutions à mon humble avis.
Vous pouvez ou non souhaiter que votre identifiant de session soit intégré dans votre URL de cette manière pour une sécurité plus stricte. Mais dans le développement, cela ne devrait pas avoir d'importance, mais que faire si vous oubliez de le supprimer? Cela fonctionne-t-il vraiment aussi? N'auriez-vous pas besoin de quelque chose comme un générateur de nombres séquentiels (nombre de hits stocké dans la session, ou peut-être même juste si 1 puis 0, si 0 puis 1)?
Ajouter un identifiant de session (ou n'importe quel séquenceur) signifie que vous devez vous rappeler de l'ajouter à chaque ressource que vous ne voulez pas mettre en cache. D'une part, c'est mieux car vous pouvez simplement inclure votre identifiant de session avec la ressource que vous développez et testez activement. D'un autre côté, cela signifie que vous devez le faire et que vous devez vous rappeler de supprimer cela pour la production.
La modification du fichier vhost.conf ou .htaccess fait très bien l'affaire sans qu'il soit nécessaire de se rappeler d'ajouter et de supprimer l'ID de session. Mais l'inconvénient est que les performances de toutes les ressources js et css seront affectées, et si vous avez des fichiers volumineux, cela va vous ralentir.
Les deux semblent être d'excellentes solutions élégantes - cela dépend de vos besoins.
J'utilise CTRL- SHIFT- DELETEqui active la fonction de confidentialité, vous permettant de vider votre cache, de réinitialiser les cookies, etc., en même temps. Vous pouvez même le configurer pour qu'il le FAIT, au lieu de faire apparaître une boîte de dialogue vous demandant de confirmer.
Dans les versions supérieures de Firefox, comme Nightly, il existe une option nommée "désactiver le cache", vous pouvez la trouver en cliquant sur l'engrenage. Et ces options ne fonctionnent que dans la session en cours, ce qui signifie que lorsque vous fermez l'inspecteur et le redémarrez, vous devez le vérifier à nouveau si vous souhaitez désactiver la capture.
Après 2 heures de navigation pour diverses alternatives, c'est quelque chose qui a fonctionné pour moi.
Mon exigence était de désactiver la mise en cache des fichiers js et css dans mon application Web sécurisée Spring. Mais en même temps, mettre ces fichiers en cache "dans" une session particulière.
Passer un identifiant unique à chaque demande est l'une des approches conseillées.
Et c'est ce que j'ai fait: - Au lieu de
<script language="javascript" src="js/home.js"></script>j'ai utilisé
<script language="javascript" src="js/home.js?id=${pageContext.session.id}"></script>Tous les inconvénients de l'approche ci-dessus sont les bienvenus. Problèmes de sécurité ?
Dans Firefox 45, les options de cache disque peuvent être définies en modifiant la valeur de: browser.cache.disk.enable
La valeur peut être définie sur la page "about: config".
Sur http://kb.mozillazine.org/About:config_entries#Browser, j'ai trouvé la description suivante pour "browser.cache.disk.enable":
True (par défaut): utiliser le cache disque, jusqu'à la capacité spécifiée dans browser.cache.disk.capacity False: désactiver le cache disque (même effet que définir browser.cache.disk.capacity sur 0)
Tout d'abord, cela peut être fait facilement, par exemple par PHP pour forcer le navigateur à renouveler les fichiers en fonction de la date du cache (heure d'expiration). Si vous en avez juste besoin pour des besoins expérimentaux, essayez d'utiliser ctrl + shift + del pour vider tout le cache à la fois dans le navigateur Firefox. La troisième solution consiste à utiliser de nombreux modules complémentaires qui sortent de Firefox pour vider le cache en fonction des délais.