Forcer Google Chrome à rechercher de nouveaux fichiers JavaScript chaque fois que j'accède à un site Web

Donc, si je vais aux options Internet dans Internet Explorer:

Je peux ajuster les paramètres lorsque IE vérifie les mises à jour:

Puis-je faire quelque chose de similaire dans Google Chrome? À l'heure actuelle, lorsque je modifie mon fichier JavaScript et que je débogue à partir de Visual Studio, Chrome utilise toujours la version mise en cache plutôt que la version modifiée. Afin de pouvoir utiliser la version actuelle, je dois vider manuellement mes fichiers / cache Internet temporaires, ce qui est vraiment ennuyeux.

Option 1: désactiver temporairement le cache

1. Ouvrir les outils de développement (appuyez sur F12ou Menu, plus d'outils, outils de développement)
2. Ouvrez les paramètres des outils de développement (appuyez sur F1ou sur le menu DevTools, Paramètres)
3. Cochez "Désactiver le cache (lorsque DevTools est ouvert)" sous l'en-tête Réseau du volet Préférences

Option 2: désactiver le cache pour la session

Démarrez Chrome avec les commutateurs de ligne de commande --disk-cache-size=1 --media-cache-size=1qui limiteront les caches à 1 octet, désactivant efficacement le cache.

Option 3: Actualisation forcée manuelle

Recharger la page actuelle en ignorant le contenu mis en cache: Shift+ F5ou Ctrl+ Shift+r

Raccourcis clavier de Chrome - Aide Chrome (sous "Raccourcis de page Web")

Option 4: Options de rechargement supplémentaires ( source )

Avec les outils de développement ouverts, cliquez avec le bouton droit sur le bouton Recharger pour afficher un menu de rechargement avec les éléments suivants:

• Recharge normale (Ctrl + R)
• Rechargement dur (Ctrl + Maj + R)
• Cache vide et rechargement dur

Il peut ne pas être lié à 100% à l'actualisation de chrome, mais pour un développement ultérieur. Comme l'a dit @Dom, vous pouvez ajouter un? V = # après votre ressource. Une façon d'automatiser le processus consiste à hacher le contenu dudit fichier et à l'utiliser comme version.

J'ai un extrait de code sur la façon de le faire en C # (Razor pour la mise en œuvre) si cela peut aider.

Assistant:

public static string HashUrl(string relativeUrl)
    {
        var server = HttpContext.Current.Server;
        if (File.Exists(server.MapPath(relativeUrl)))
        {
            byte[] hashData;
            using (var md5 = MD5.Create())
            using (var stream = File.OpenRead(server.MapPath(relativeUrl)))
                hashData = md5.ComputeHash(stream);

            return relativeUrl.Replace("~", "") + "?v=" + BitConverter.ToString(hashData).Replace("-", "");
        }
        return relativeUrl + "?v=notFound";
    }

La mise en oeuvre:

<link rel="stylesheet" href=@Util.HashUrl("~/Controllers/Home/Views/Index.css") />

J'espère que cela t'aides

EDIT --- Certains ont demandé un runtime de build et 1000 petites ressources, cela prend environ 11 ms.

https://en.code-bude.net/2013/08/07/md5-hashes-in-c-benchmark-and-speed-%E2%80%8B%E2%80%8Boptimization/

https://en.code-bude.net/wp-content/uploads/2013/08/md5_performance_benchmark_2.png

Dans d'autres cas où cela peut ne pas être possible, par exemple en voulant forcer une actualisation sur l'ordinateur d'un utilisateur final auquel vous n'avez pas accès, vous pouvez ajouter un numéro de version au nom du script en tant que paramètre de requête permettant au navigateur d'identifier en tant que fichier différent . c'est à dire. example.js?v=1. Gardez à l'esprit que vous devrez modifier le nombre à chaque rechargement pour le forcer.

Vous pouvez également le faire avec le développement local, mais la méthode des outils de développement est beaucoup plus efficace.

en plus de la réponse @Steven, lorsque vous ouvrez la console des outils du développeur , vous pouvez cliquer avec le bouton droit sur le bouton d'actualisation et utiliser le menu déroulant.

Dans ce menu, vous obtenez une option pour "Cache vide et rechargement dur" .

C'est ce que vous cherchez.

Si vous développez le site, vous devez savoir que Chrome nécessite le must-revalidateparamètre Cache-Controlafin de récupérer correctement les fichiers lorsqu'ils sont modifiés sur le serveur.

Les autres réponses vous indiquent comment appuyer sur SHIFT-F5 pour forcer votre propre version de Chrome à récupérer tous les fichiers. Mais est-il raisonnable de dire à tous les utilisateurs du site de le faire à chaque fois que le site change? Si vous définissez l' Cache-Controlinclusion, must-revalidateChrome vérifiera si des fichiers ont été modifiés, puis les téléchargera correctement en cas de besoin.

Voir les détails sur cet article de blog: https://agiletribe.wordpress.com/2018/01/29/caching-for-chrome/