Comment vider le cache du navigateur de manière programmatique ?

Question

Je cherche un moyen de vider le cache du navigateur de manière programmatique. Je fais cela parce que l'application met en cache des données confidentielles et j'aimerais les supprimer lorsque vous appuyez sur "log out". Cela se ferait soit par le serveur, soit par JavaScript. Bien entendu, il est toujours déconseillé d'utiliser le logiciel sur un ordinateur étranger ou public, car il existe d'autres dangers, comme les enregistreurs de frappe, qui ne peuvent pas être éliminés au niveau du logiciel.

Answer 1

Il y a pas du tout un navigateur vous permettra de vider son cache. Ce serait un énorme problème de sécurité si cela était possible. Il serait très facile d'en abuser. Dès qu'un navigateur prendra en charge une telle "fonctionnalité", je le désinstallerai de mon ordinateur.

Ce que vous peut est de lui dire de ne pas mettre votre page en cache, en envoyant les en-têtes appropriés ou en utilisant ces métabalises :

<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>

Vous pouvez également envisager de désactiver l'auto-complétion des champs de formulaire, même si je crains qu'il n'existe pas de méthode standard pour le faire ( voir cette question ).

Quoi qu'il en soit, je tiens à souligner que si vous travaillez avec des données sensibles, vous devez utiliser le protocole SSL. Si vous n'utilisez pas SSL, toute personne ayant accès au réseau peut renifler le trafic réseau et voir facilement ce que votre utilisateur voit.

L'utilisation de SSL fait aussi que certains navigateurs pas utiliser la mise en cache, à moins qu'on ne le demande explicitement. Voir cette question .

Answer 2

C'est possible, vous pouvez simplement utiliser jQuery pour remplacer la "méta-tag" qui fait référence à l'état du cache par un gestionnaire d'événement/bouton, puis actualiser, facile,

$('.button').click(function() {
    $.ajax({
        url: "",
        context: document.body,
        success: function(s,x){

            $('html[manifest=saveappoffline.appcache]').attr('content', '');
                $(this).html(s);
        }
    }); 
});

REMARQUE : cette solution repose sur l'Application Cache qui est mis en œuvre dans le cadre de la spécification HTML 5. Elle nécessite également une configuration du serveur pour mettre en place le manifeste App Cache. Elle ne décrit pas une méthode permettant d'effacer le cache "traditionnel" du navigateur via un code côté client ou côté serveur, ce qui est pratiquement impossible à faire.

Answer 3

Il y a une astuce qui peut être utilisée. L'astuce est d'ajouter un paramètre/chaîne au nom du fichier dans la balise script et de le changer quand le fichier change.

<script src="myfile.js?version=1.0.0"></script>

Le navigateur interprète l'ensemble de la chaîne comme le chemin d'accès au fichier, même si ce qui suit le " ?" est un paramètre. Ainsi, la prochaine fois que vous mettrez à jour votre fichier, il vous suffira de changer le nombre dans la balise script de votre site web (exemple <script src="myfile.js?version=1.0.1"></script> ) et le navigateur de chaque utilisateur verra que le fichier a été modifié et en prendra une nouvelle copie.

Answer 4

La meilleure idée est de générer des fichiers js avec le nom + un hash avec la version, si vous avez besoin de vider le cache, il suffit de générer de nouveaux fichiers avec le nouveau hash, ce qui déclenchera le navigateur pour charger les nouveaux fichiers.

Answer 5

Voici un exemple simple de la façon dont vous pouvez supprimer TOUTES les caches réseau des navigateurs en utilisant Cache.delete()

caches.keys().then((keyList) => Promise.all(keyList.map((key) => caches.delete(key))))

Fonctionne sur Chrome 40+, Firefox 39+, Opera 27+ et Edge.