Comment actualiser une page Web dans Chrome (analogique Ctrl + F5) sur un appareil sans bouton de menu?

J'ai un appareil Android Nexus 7 avec 4.2.2 et un navigateur Chrome.

Comment peut-on effectuer un rafraîchissement en profondeur d'une page Web - analogue de Ctrl+F5raccourci clavier sur les ordinateurs de bureau?

Veuillez noter que l'appareil n'a pas de bouton de menu.

Selon la seule question connexe que j'ai trouvée ici , la solution consiste à vider complètement le cache du navigateur. Je préférerais une solution plus pratique et élégante.

Contournement par cache de site:

Cela nécessite un code javascript simple à exécuter dans la barre d'adresse pour contourner le cache et récupérer le contenu du serveur au lieu du cache du navigateur. Selon cette page MDN sur Forcer le rechargement de la page actuelle à partir du serveur ,

javascript:location.reload(true)

Entrez le code ci-dessus dans la barre d'adresse du navigateur et appuyez sur la touche Entrée. Cela récupérera tout le contenu du serveur au lieu de choisir les éléments mis en cache dans votre navigateur (contournant ainsi le cache du navigateur).

Contourner les données du cache pour tous les sites Web (cache global)

Le javascript ci-dessus ne fonctionne que pour un site Web spécifique que vous avez actuellement ouvert. Pour effacer tout le cache du site Web, utilisez les données de cache du navigateur global. Vous le trouvez sous,

Settings > Privacy > CLEAR BROWSING DATA

Cochez la case "Cache" (et d'autres options comme les données du navigateur, les cookies, le mot de passe, etc. si vous le souhaitez) et sélectionnez "Effacer".

Remarque: Alors que Ctrl+ F5entraînera le navigateur à jeter le cache et à demander de nouveaux contenus au serveur, le serveur peut ignorer l'en- no-cachetête et servir une page mise en cache côté serveur. Ainsi, même Ctrl+ F5peut renvoyer une ancienne version de la page si le serveur ignore l'en-tête no-cache.

Mode navigation privée:

La navigation en mode navigation privée désactive l'historique et le cache. Ainsi, vous pouvez visiter n'importe quel site via le mode navigation privée pour demander un nouveau contenu à chaque fois.

Pour une discussion plus intéressante sur ce que fait Ctrl+ F5ou forcer le rafraîchissement,

Lisez cet article SO, quelles requêtes les actualisations «F5» et «Ctrl + F5» des navigateurs génèrent-elles?

Sur ma tablette Samsung parcourant avec Chrome, saisissez ceci dans la barre d'adresse:

javascript:location.reload(true)

Cela devrait déclencher un rechargement dur en utilisant Javascript. Maintenant, je n'ai plus à attendre des jours pour observer les résultats d'un changement de code que j'ai fait. Un nouveau problème est alors que taper sur une tablette n'est pas ma chose préférée à faire.

Au lieu de taper la commande ci-dessus, j'ai également essayé de passer en mode bureau, puis de revenir. Cela ne s'est pas profondément rafraîchi.

Je n'ai obtenu aucune de ces solutions au travail. Cependant, j'ai trouvé une solution de travail.

Tout d'abord, découvrez l'url css. Dans mon cas, cela ressemblait à ceci:

/min/assets/css/style.min.css

Écrivez-le dans le champ d'adresse, mais ajoutez-y également une variable GET:

/min/assets/css/style.min.css?hello

Espérons que la variable GET soit acceptée. Parce que c'est une nouvelle URL, elle force le CSS à se recharger. Revenez maintenant sur le site et le css aurait dû être rechargé.

Je l'ai trouvé !!!!!!

Sur le côté gauche de l'URL, il y a une icône d'information (i) ou une icône de verrouillage. Cliquez sur l'icône puis sur [configuration du site Web].

Vous trouverez une icône de corbeille pour vider le cache du site actuel, et alternativement un bouton "restaurer les préférences".

Travailler sur Android Chrome 71.

Je trouve juste une solution plus élégante. Dans le menu de la page Web, demandez la version de bureau du site Web. Il extraira les données du serveur et la page se rechargera. Après cela, vous pouvez revenir pour la version mobile.

J'ai besoin d'un moyen d'effacer le cache actuel ou tout le cache du même domaine d'origine via javascript, donc je peux m'assurer que le déploiement de la mise à jour de ma webapp arrive sans erreur.

Je n'ai également pas réussi à changer temporairement les balises META du cache dans l'en-tête html.

Uniquement sur ordinateur et non automatisable:

ctrl + R

utilisé pour forcer le rechargement pour vider le cache.

vous devez maintenant appuyer sur

ctrl + shift + R
or
shift + F5

Il semble que le chrome ait rendu difficile l'effacement du cache.

Ils le font probablement pour tricher dans les repères de vitesse du navigateur. Style VW.

J'ai écrit ma propre fonction de contournement forceReload () qui fonctionne sur Windows Chrome et Android Chrome et chrome:

window.forceReload = function(){
    if( !window.fetch)return document.location.reload( true);
    var els = document.getElementsByTagName( "*");
    for( var i = 0; i < els.length; i++){
        var src = "";
        if( els[i].tagName == "A")continue;
        if( !src && els[i].src)src = els[i].getAttribute( "src");
        if( !src && els[i].href)src = els[i].getAttribute( "href");
        if( !src)continue;
        fetch( src, { cache: "reload"});
    }
    return document.location.reload( true);
};

Cette fonction ne rechargera que le contenu qui a été chargé sur la page actuelle, vous pouvez le déclencher une fois sur chacun de vos clients après que de nouvelles mises à jour sont sur le serveur, ou simplement ajouter un bouton de rafraîchissement de travail sur votre application.

Tirez vers le bas sur une page pour la recharger, elle est intégrée au chrome pour smartphones, pour voir plus d'astuces comme celle-ci, consultez ce lien, où j'ai trouvé la solution à votre problème

À gauche de la fenêtre d'adresse Web que vous visitez se trouve une flèche presque circulaire.