Comment faire en sorte que Chrome recharge tous les fichiers JS et CSS d'une page?

3

Il est connu que vous pouvez utiliser shift+ ctrl+ Rpour forcer le navigateur Chrome à recharger la page au lieu de le lire dans le cache. Toutefois, lors du rechargement des images, les fichiers JS et CSS ne sont pas chargés. Actuellement, je dois tester ma page en mode navigation privée, fermer et rouvrir l'onglet incognito afin de m'assurer que la page n'utilise pas les fichiers JS et CSS mis en cache.

Y at-il des paramètres ou des raccourcis clavier que je peux faire en mode normal? Il est vraiment fatiguant de rouvrir les fenêtres chaque fois que je dois tester les modifications apportées aux fichiers CSS ou JS.

google-chrome browser cytsunny
la source

Réponses:

15

Si vous appuyez sur "F12" pour ouvrir Chrome Dev Tools et sélectionnez l'onglet Réseau, vous avez la possibilité de désactiver la mise en cache.

Cela ne fonctionne que si le panneau Outils de développement est ouvert.

Devtools Cache

mt025
la source
1
Cela a fonctionné pour moi. Vous ne savez pas pourquoi cela n'a pas été accepté comme réponse.
trubliphone
1
J'ai un problème étrange avec la mise en cache chrome css même avec cette coche, des idées?
SuperUberDuper
1
Existe-t-il un moyen de désactiver uniquement la mise en cache sur des ressources non extraites sur Internet? J'utilise le cdn pour certaines bibliothèques et ma connexion internet est plutôt lente ...
Nearoo
Existe-t-il un moyen de désactiver le cache pour des types de fichiers spécifiques? Par exemple, désactiver le cache pour .css et .js, mais autoriser le cache pour tout le reste.
Warwick
1
C'est la première fois que j'entends parler de cette option, et cela fait des années que je m'occupe de ce problème d'actualisation. Je vous remercie! FYI à d'autres ... vous devez élargir le cadre d'outils de développement suffisamment pour voir cette option.
MTAdmin
2

Faire une recharge dure devrait aussi faire l'affaire. La réponse ci-dessus n'a pas toujours fonctionné pour moi, alors le rechargement a fonctionné pour moi.

Voyez comment ici

AkatsukiDiablo
la source
1
J'ai oublié de mentionner que vous avez les outils de développement ouverts en chrome pour pouvoir appuyer sur le bouton de rafraîchissement de ces options et le maintenir enfoncé
AkatsukiDiablo
2

Il existe plusieurs façons de recharger dur un site Web en chrome. Ils nécessitent tous d’ouvrir les outils de développement chromés .

Combinaison de touches raccourcie

  1. Assurez-vous que la fenêtre Chrome Developer Tools est ouverte (en appuyant sur F12).
  2. Appuyez sur Ctrl + Maj + R

En définissant la propriété dans l' onglet Réseau

  1. Assurez-vous que la fenêtre Chrome Developer Tools est ouverte (en appuyant sur F12).
  2. Allez sur l' onglet Réseau
  3. Cochez la case Désactiver le cache

En appuyant longuement sur le bouton Recharger

  1. Assurez-vous que la fenêtre Chrome Developer Tools est ouverte (en appuyant sur F12).
  2. Pointez sur "le bouton Actualiser" en haut à gauche et appuyez longuement sur le bouton gauche de la souris
  3. Une liste déroulante apparaîtra où nous obtiendrons différentes options comme indiqué dans cette image:

Comment faire en sorte que Chrome recharge tous les fichiers JS et CSS d'une page?

Rdx
la source
-2

Vous devriez essayer Ctrl + R ou Ctrl + F5, ou aller à l'onglet Conditions du réseau dans DevTools (le raccourci est Ctrl + Maj + I) et cochez Désactiver le cache ....

Albert Warne
la source
-3

Ctrl + F5 ou Ctrl + R. Vous pouvez également appuyer sur F12, accéder à l’onglet Réseau, recharger avec ctrl + F5 / R et vérifier que vous obtenez le statut HTTP 200 au lieu de 304.

isdf
la source
1
Même si la page Web elle-même (le fichier html, pour être exact) renvoie 200 au lieu de 304, le problème est qu’elle traite les fichiers JS et CSS en tant que fichier séparé et charge la version mise en cache de celle-ci, et je n’ai aucun moyen de forcer le téléchargement du fichier. Fichiers JS et CSS à nouveau.
cytsunny