8 votes

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

Il est connu qu'en utilisant shift + ctrl + R peut être utilisé pour forcer le navigateur Chrome à recharger la page au lieu de la lire depuis le cache. Cependant, pendant que les images sont rechargées, les fichiers JS et CSS ne sont pas chargés. Actuellement, je dois tester ma page en mode incognito, 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 a-t-il un paramètre ou un raccourci clavier qui me permette de faire cela en mode normal ? C'est vraiment fatigant de rouvrir la fenêtre chaque fois que je dois tester les changements dans les fichiers CSS ou JS.

23voto

mt025 Points 3030

Si vous appuyez sur la touche "F12" pour ouvrir les outils de développement de Chrome 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 Dev Tools est ouvert.

Devtools Cache

8voto

Mario Holod Points 1

Il y a plusieurs façons de recharger difficilement un site Web dans Chrome. Elles nécessitent toutes d'ouvrir Chrome Outils pour les développeurs.

Par la combinaison de touches de raccourci

  1. Assurez-vous que le chrome Outils pour les développeurs est ouverte (en appuyant sur F12)
  2. Appuyez sur Ctrl + Shift + R

En fixant la propriété dans Réseau onglet

  1. Assurez-vous que le chrome Outils pour les développeurs est ouverte (en appuyant sur F12)
  2. Rendez-vous sur le site Réseau onglet
  3. Tic-tac Désactiver le cache case à cocher

En appuyant longuement sur Rechargez Taste

  1. Assurez-vous que le chrome Outils pour les développeurs est ouverte (en appuyant sur F12)
  2. Pointez sur le bouton "Rafraîchir" en haut à gauche et appuyez longuement sur le bouton gauche de la souris.
  3. Une liste déroulante apparaîtra alors où nous aurons différentes options comme le montre cette image :

How to make Chrome reload all JS and CSS file of a page?

3voto

Anthony Points 31

Un rechargement dur devrait également faire l'affaire. La réponse ci-dessus n'a pas toujours fonctionné pour moi, alors le rechargement dur l'a fait fonctionner pour moi.

Voir comment faire ici

0voto

M Katz Points 141

Attention si vous utilisez Chromium Embedded Framework comme serveur http. Pour moi, lorsque je fonctionne sous Windows, CEF ne semble pas faire de mise en cache du côté du serveur (donc devtools disable cache fonctionne pour moi). Mais lorsque je fonctionne sur Macintosh, quoi que je fasse côté client (recharger la page, devtools disable cache), le même fichier est affiché jusqu'à ce que je redémarre le serveur CEF. C'est probablement parce que j'ai configuré quelque chose de différent avec CEF du côté Macintosh, mais je ne me souviens pas d'avoir fait de tels changements.

-2voto

Albert Warne Points 15

Essayez Ctrl+R ou Ctrl+F5, ou allez dans l'onglet Conditions réseau de DevTools (le raccourci est Ctrl+Shift+I) et cochez Disable Cache.....

SistemesEz.com

SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.

Powered by:

X