Que dois-je faire si le CSS n'est pas mis à jour après modification ?

Solution au problème que CSS ne se met pas à jour après modification : 1. Videz le cache du navigateur avant le débogage ; 2. Cochez "Désactiver le cache" sur la page de débogage ; 3. Utilisez "ctrl+shift+R" pour forcer l'actualisation ; 4. Modifier le code CSS et js.

L'environnement d'exploitation de cet article : système Windows7, version HTML5&&CSS3, ordinateur Dell G3.

Dans le processus de développement Web, nous avons souvent besoin de déboguer le code js, et pour le moment, notre code modifié peut ne pas prendre effet. En effet, le navigateur dispose d'un cache par défaut, mais pour le moment, le cache affectera notre travail de débogage. Nous allons présenter ici comment le navigateur Chrome résout ce problème.

Solution à la modification Chrome CSS qui ne se met pas à jour :

Méthode 1 : vider le cache du navigateur avant le débogage

Dans l'interface des paramètres du navigateur

Ou utilisez les touches de raccourci pour vider directement le cache ctrl+shift+delete

2 Configurez le navigateur pour qu'il ne mette pas la page en cache

Cochez Désactiver le cache sur la page de débogage

<.>3, forcez l'actualisation de la page

Utilisez ctrl+shift+R pour forcer l'actualisation, n'utilisez pas le cache du navigateur pour actualiser la page

4 Résolvez le problème de cache du point de vue du code.

Le navigateur mettra en cache les fichiers css ou js. En définissant et en modifiant le numéro de version, le navigateur téléchargera à nouveau le nouveau fichier js ou css. Ajoutez ?v= après js ou css. le nombre est le suivant

css et js avec paramètres (sous la forme de .css?v= et .js?v= ou .css?version= et .js?version= )

<script type=”text/javascript” src=”jsex.js?version=1.1.6″></script>
<link rel=’stylesheet’ href=’cssex.css?version=1.3.1′ type=’text/css’ />

Recommandé : "

Tutoriel vidéo CSS"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!