[CSS] Intégrez vos pages web sans recharger la page

S’il y a un raccourcie que les développeurs web (et surtout les intégrateurs) connaissent bien, c’est tout de même CTRL+F5 (ou CMD+R pour les mac). A chaque petite modification de notre fichier CSS, on l’enregistre, on le met en ligne puis on recharge la page sur laquelle on est. Mais cela peut poser quelques soucis et faire perdre du temps.

En effet, hier, je travaillais sur l’intégration d’une WebApp en JS quand je suis arrivé sur une page assez complexe. Chaque modification m’obligeait à revenir à l’accueil, recharger ma page et refaire tout le chemin pour revenir à cette fameuse page. Pas très pratique, vous en conviendrez. Vous pouvez effectivement modifier votre style CSS directement dans la console FireBug ou Chrome, mais cela ne reste pas très pratique.

Heureusement, il existe une solution toute simple ! Il vous suffit de glisser ce lien CSS Reload dans vos favoris et de cliquer dessus à chaque fois que vous voulez mettre à jour uniquement vos feuilles de style.

Comment ça marche ? C’est pas très compliqué à vrai dire. A chaque fois que vous cliquerez sur ce lien depuis votre barre de favoris, votre navigateur va exécuter un code javascript qui va aller scanner votre page et remplacer les fichiers CSS chargés par ceux présents sur le serveur,

Très simple et très pratique !

Laisser un commentaire