web-dev-qa-db-fra.com

Hard Refresh Stylesheet

J'utilise actuellement un ordinateur Mac et je ne sais pas comment actualiser mon site Web lorsque j'apporte des modifications css. J'ai essayé Cmd + R, j'ai essayé de vider les caches, mais rien ne semble fonctionner.

J'avais utilisé un ordinateur Windows auparavant et chaque fois que je changeais de style avec ma feuille de style.css, j'appuyais simplement sur les touches ctrl + F5 et la mise à jour était difficile.

Est-ce que quelqu'un connaît d'autres astuces que Cmd + R ou efface les caches?

1
Cakers

Correction "rapide" : Clic droit -> Voir le code source de la page (ctrl + U), trouver le fichier .css que vous avez modifié, ouvrez-le dans un nouvel onglet et rechargez (vous devriez voir le changement à la place que vous avez apportée)

UNIQUEMENT en mode développement ajouter php function time () au lieu du numéro de version

wp_enqueue_style( $handle, $src, array(), time() , 'all' );

Supprimer le cache si vous utilisez un plugin de mise en cache.

3
WP Vlad

Si vous utilisez le cache pour vos styles, vous devez actualiser le cache, désactiver un plugin de cache ou simplement ajouter la fonction "time ()" à votre version de vos styles.

wp_enqueue_style( 'some-style', get_stylesheet_directory_uri() . '/yourpath.css', array(), time());

Plus d'informations ici sur les styles dans wordpress. wp_enqueue_style

2
Greg Much

cela peut en fait être un problème complexe et avoir plusieurs dimensions:

Veuillez définir davantage: Développez-vous localement (serveur, la base de données est sur votre ordinateur) ou à distance (hébergement, FTP, etc.)

La mise en cache peut être vraiment une chienne: le WebHosting peut avoir un mécanisme de cache qui fonctionne (par exemple, le cache Varnish) Le Wordpress peut avoir un mécanisme de mise en cache (comme par exemple W3CTotalCache).

Donc, si vous avez une bonne configuration htaccess, etc., les trois caches devraient rendre plus difficile le rafraîchissement (spécialement) des modifications CSS. Comme l'a indiqué mmm, inclure la version dans le fichier functions.php est une méthode très utile et recommandée, mais ne fonctionne pas toujours (par exemple, Varnish Cache).

Donc, si vous êtes en développement, il est recommandé de désactiver tous les caches lorsque vous effectuez des modifications css, et de rester avec "l'actualisation du numéro de version", c'est la méthode la plus recommandée. S'il s'agit déjà d'un site de production, je vous recommande de vous habituer à vider les trois caches avant l'actualisation (pour quelques modifications, aucun problème).

Mais il n'y a pas de moyen plus simple, c'est à cela que servent les caches et les longues vies.

0
Canelo Digital