Comment puis-je forcer un rechargement dur dans Chrome pour Android

Dans Chrome pour ordinateur, j'ai des options dans les outils de développement pour désactiver complètement le cache lorsque les outils de développement sont ouverts et j'ai les options pour effectuer manuellement un rechargement dur en cliquant longuement sur le bouton de rechargement (avec les outils de développement ouverts).

Existe-t-il une telle technique pour Chrome pour Android? Je n'ai trouvé aucun réglage. Que puis-je faire lorsque je veux forcer le navigateur à télécharger un fichier javascript ou css au lieu d'utiliser un fichier mis en cache lors du développement?

J'utilise window.location.reload(true)selon MDN (et cette question similaire), cela force la page à se recharger depuis le serveur.

Vous pouvez exécuter ce code dans le navigateur en tapant javascript:location.reload(true)dans la barre d'adresse.

L'affichage de la page en mode navigation privée désactivera le cache. C'était la seule façon de forcer une actualisation sur une feuille de style sans vider manuellement le cache via les paramètres.

Aussi une option:

1. Menu
2. Paramètres
3. Intimité
4. Effacer les données de navigation
5. Cochez "Cache" et appuyez sur "CLEAR"

puis rechargez la page.

Vous pouvez utiliser l' option Demander un site de bureau dans le menu de l'application (à droite de la barre d'adresse), ce qui forcera la page à se recharger.

Appuyez simplement dessus, attendez l'actualisation, puis désélectionnez-la.

Mentionner cela parce que vous avez mentionné "lors du développement".

Vous pouvez contrôler l'appareil mobile via votre navigateur de bureau Chrome.

Visitez chrome://inspect/#devicessur votre bureau. EtInspect l'appareil connecté à votre bureau. D'accord quand on vous demande la permission.

Vous devriez maintenant voir une fenêtre Devtool complète pour la page actuelle sur l'appareil mobile.

Maintenant, utilisez le raccourci de rechargement dur (Cmd + Shift + R) sur le bureau pour effectuer un rechargement dur sur l'appareil mobile!

N'oubliez pas de vous assurer que le paramètre "Réduire l'utilisation des données" est désactivé, car il semble télécharger les données mises en cache (à partir des serveurs Google?) Même si votre cache local est vidé.

Comment réinitialiser toutes les données d'une URL / d'un site Web donné sur Chrome Mobile pour Android:

1 - Ouvrez le menu Chrome et appuyez sur l'icône "i (info)"

2 - appuyez sur "Paramètres du site"

3 - Appuyez sur l'icône de la corbeille

Voilà, même le technicien de service le plus profondément ancré pour cette URL va maintenant mourir.

Je sais que c'est une vieille question, mais j'ai trouvé que la réponse acceptée ne fonctionnait pas pour moi.

Une autre solution serait d'ajouter l'URL avec un nouveau paramètre url tels que website.com?a=1, website.com?a=2, etc.

Si vous avez déjà des paramètres, bien sûr, vous utiliserez une esperluette, c.-à-d. website.com?q=test&a=1

Depuis 2018, à partir du centre d'aide Google (testé sur Chrome 63):

1. appuyez sur le menu à trois points ;
2. choisissez Historique> Effacer les données de navigation ;
3. si nécessaire, choisissez la période (au-dessus de la liste de contrôle);
4. décochez tous les éléments sauf les images et fichiers mis en cache ;
5. poursuivre avec Effacer les données et confirmer.

Comme mentionné dans une autre réponse, les onglets de navigation privée sont également d'une grande utilité pour le développement.

J'ai trouvé une solution qui fonctionne, mais c'est moche.

• Connectez l'appareil Android à votre PC avec un câble USB et ouvrez Chrome sur votre bureau .
• Faites un clic droit n'importe où sur une page et sélectionnez "Inspecter".

• Cliquez sur le menu à trois points et sélectionnez "Appareils distants" dans le menu "Plus d'outils":

  

• Dans le panneau qui s'ouvre, sélectionnez votre appareil puis le bouton "Inspecter" à côté du nom de l'onglet sur votre téléphone qui doit être actualisé:

  

• Dans la fenêtre qui s'ouvre, cliquez sur l'onglet "Réseau" et cochez la case "Désactiver le cache":

  

• Rechargez la page sur votre téléphone ou en utilisant le bouton de rechargement dans la fenêtre DevTools.

Remarque: si votre téléphone n'apparaît pas dans la liste des appareils:

• assurez-vous que la connexion USB utilise le mode de transfert de fichiers et ne se charge pas simplement
• essayez de redémarrer ADB ou exécutez adb devicespour voir si le périphérique est détecté

Débogage à distance vous permet d'utiliser les outils de développement de bureau:

https://developers.google.com/chrome-developer-tools/docs/remote-debugging

Les versions récentes du cache Chrome sont très agressives. Même les techniques de contournement du cache telles que " http: // url? Updated = datecode " ont cessé de fonctionner. Vous devez vider le cache ou lancer une fenêtre de navigation privée à chaque fois (et vous assurer que l'économiseur de données est désactivé).

Le seul moyen fiable que j'ai trouvé qui ne nécessite pas de brancher le téléphone à un PC est le suivant:

1. Forcez l'arrêt de l'application Chrome.

Cela doit être fait en premier et vous ne pouvez pas rouvrir Chrome avant d'avoir terminé ces étapes. Il existe plusieurs façons de forcer l'arrêt. La plupart des lanceurs à domicile vous permettront d'accéder aux "Informations sur l'application" en maintenant votre doigt sur l'icône en chrome et en sélectionnant une icône "i". Alternativement, vous pouvez accéder aux paramètres Android et rechercher simplement «Chrome».

Une fois dans "Informations sur l'application", sélectionnez "Forcer l'arrêt" comme indiqué ci-dessous:

2. Vider le cache de Chrome

Sélectionnez "Stockage" sur le même écran:

Enfin, sélectionnez "Vider le cache".

Lorsque vous revenez à l'application Chrome, la page doit se recharger et diffuser une version non mise en cache.

De plus, j'ai trouvé un site qui permet de tester facilement si vous avez vidé votre cache: https://refreshyourcache.com/en/cache-test/
Je n'y suis en aucun cas affilié. Notez que la méthode pour effacer le cache mentionné sur ce site est en fait obsolète et n'est plus valide.

EDIT: cette méthode est déconseillée dans Google Chrome et ne fonctionnera plus.

RÉPONSE ORIGINALE:

J'ai pu vider le cache (y compris les xhr suivantes) en utilisant chrome: // net-internals

Cliquez ensuite sur la petite flèche en haut à droite

Sélectionnez "vider le cache" dans ce menu.

Voici une autre solution simple qui peut fonctionner lorsque d'autres échouent:

Aujourd'hui, une solution côté développeur assez simple a fonctionné pour moi lorsque le problème de mise en cache était un fichier CSS mis en cache. En bref: créez une copie de fichier html temporaire et accédez-y pour mettre à jour le cache CSS.

Cette astuce peut actualiser le fichier CSS, au moins dans le navigateur par défaut d'icônes de globe bleu d'Android (mais très probablement son jumeau, le navigateur Chrome officiel, et tous les autres navigateurs que nous rencontrons sur les téléphones "intelligents" avec leur tendance à la mise en cache agressive ).

Détails:

Au début, j'ai essayé certaines des solutions assez simples partagées ici, mais sans succès (par exemple, effacer l'historique récent du site spécifique, mais pas des mois et des mois). Mon dernier CSS ne serait cependant pas appliqué lors de l'actualisation. Et cela même si j'avais déjà utilisé l'astuce de numéro de version dans l'appel de fichier CSS dans la section head du html qui m'avait aidé à éviter ces mises en cache agressives agaçantes dans le passé. (exemple: link rel = "stylesheet" href = "style.css? v = 001" où vous mettez à niveau ce numéro de pseudo-version chaque fois que vous apportez une modification à un fichier CSS, par exemple 001, 002, 003, 004 ... (devrait être fait dans chaque fichier html du site))

Cette fois (août 2019), la mise à jour du numéro de version du fichier CSS ne suffisait plus, et certaines des mesures plus simples mentionnées ici ne fonctionnaient pas pour moi, ou je n'ai même pas pu accéder à certaines d'entre elles (sur un téléphone Android emprunté).

Au final, j'ai essayé quelque chose de relativement simple qui a finalement résolu le problème:

J'ai fait une copie du fichier index.html du site en lui donnant un nom différent (indexcopy.html), je l'ai téléchargé, je l'ai parcouru sur l'appareil Android, puis je suis retourné à la page d'origine, actualisé (avec le bouton d'actualisation à gauche de la barre d'adresse), et voilà: cette fois, le rafraîchissement de index.html a finalement fonctionné.

Explication: La dernière version du fichier CSS a finalement été appliquée sur Android lors de l'actualisation de la page html en question, car la copie en cache du fichier CSS avait maintenant été mise à jour lorsque le fichier CSS a été appelé à partir d'une page html temporaire nommée différemment qui n'existait nulle part dans l'historique du navigateur et que je pourrais supprimer à nouveau par la suite. La mise en cache agressive a apparemment ignoré l'URL CSS et est passée à la place par l'URL HTML, même si c'était le fichier CSS qui devait être mis à jour dans le cache.

Si c'est juste la question des fichiers inclus, ajoutez simplement la version après le chemin ( ?v=12345678)

<link rel="stylesheet" type="text/css" href="style.css?v=12345678" />

Celui qui charge à nouveau la page verra les changements.