Dans les outils de développement ouverts ( Ctrl + Shft + I o + + I ):

1. Sélectionnez l'option Réseau onglet
2. Activer Désactiver le cache case à cocher.
3. NE FERMEZ PAS les outils du développeur - sinon le cache sera réactivé.

Sur un Mac, il s'agit de Shift+Command+R, ou de maintenir Shift enfoncé tout en cliquant sur le bouton de rechargement (par opposition à Command+R ou à un clic normal pour un rafraîchissement normal).

Quelques détails supplémentaires :

Pour Shift+Command+R, le cache est simplement ignoré et les ressources sont demandées comme si le cache n'existait pas.

Pour Commande+R, Chrome émettra If-Modified-Since o Etag au serveur web, même pour les choses qui sont effectivement mises en cache . Pour la plupart des contenus, sinon tous, le serveur devrait alors répondre par 304 Not Modified . C'est le cas pour la plupart des navigateurs modernes, si ce n'est tous.

Le seul moyen de forcer l'utilisation du cache (sans que le navigateur ne demande d'éventuels changements) semble être de cliquer sur un lien de la page web, ou de suivre un lien marqué d'un signet, ou encore d'aller dans la barre d'emplacement de l'URL et d'appuyer sur Return (Commande+L, Return).

Cependant : un problème connu de longue date dans Chrome, L'actualisation forcée de Chrome n'ignore pas le cache (et le plus récent Reload/Refresh ne rafraîchit pas les données ), ou peut-être une fonctionnalité de WebKit, Les sous-ressources insérées dynamiquement ne sont pas revalidées même lorsque le document contenant est rechargé. L'utilisation de l'option "Cache", qui fait que Chrome n'efface pas TOUS les caches liés à l'utilisation des méthodes ci-dessus, n'est pas une bonne solution. Un développeur de Chromium explique :

L'onglet "réseau" des outils de développement affiche une chute de toutes les ressources au fur et à mesure qu'elles sont chargées. Il y a deux lignes verticales sur le côté droit... l'une d'entre elles est étiquetée "Load event fired" (événement de chargement déclenché) au survol. Tout ce qui est chargé après ce point ne fait pas officiellement partie de la page (une page peut continuer à émettre des requêtes pendant des heures) [...] et ne sera donc PAS "rafraîchi" avec n'importe quelle combinaison de f5. C'est une conception.
[...]
Mise en cache [de n'importe quelle ressource, avant et après la ligne "Load event fired"]. est déterminé par les en-têtes HTTP de la réponse, et non par l'heure à laquelle la demande a été émise.

En outre note d'un tweet de @ChromiumDev :

La fonction Disable Cache de Chrome DevTools invalide le cache du disque (idéal pour le développement !), mais uniquement lorsque devtools est visible.

MISE À JOUR : cette réponse est périmée.

1. Console à tirer
2. Cliquez en bas à droite sur l'icône de la roue dentée
3. Cochez [Général > Désactiver le cache]
4. Recharger la page (cependant) !
5. Garder les outils de développement ouverts (MISE À JOUR)

La question est un peu ancienne, mais dans la version récente de Chrome

• Ouvrir le Developer tools mit F12 o Ctrl + Shift + I
• Cliquez avec le bouton droit de la souris sur le bouton Actualiser et sélectionnez Vider le cache et recharger

Cela permet de contourner le cache et de recharger la page entièrement.

Le doc dit Ctrl + F5 o Shift + F5 mais malheureusement à ce jour le bug n'est toujours pas résolu :-(