Maison > interface Web > Questions et réponses frontales > Que dois-je faire si le CSS n'est pas mis à jour après modification ?

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

藏色散人
Libérer: 2022-12-30 11:13:37
original
5076 Les gens l'ont consulté

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.

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

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’ />
Copier après la connexion

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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal