J'ai utilisé Safari comme navigateur de développement et je trouve qu'il est assez difficile de prévisualiser les changements CSS dans un lourd environnement javascript.Recharger les feuilles de style CSS sans recharger la page?
Mon application web et l'environnement de développement est la suivante:
Je ne l'ai pas essayé, mais ce bookmarket promet de faire le travail: ReCSS. Je suis sûr que vous pourriez réutiliser le code ici.
J'ai créé un outil appelé Vogue http://aboutcode.net/vogue/
Vogue regarde le système de fichiers pour des modifications aux fichiers CSS utilisés par votre page Web. Il indique ensuite au navigateur Web, en temps réel, de recharger uniquement les feuilles de style.
Cela fonctionne dans tous les navigateurs et ne nécessite aucun plug-in (tout est javascript).
Joli bookmarklet! Fonctionne très bien! Maintenant, je me demande si j'ai même besoin de mentionner comment le faire manuellement ...
À qui répondez-vous ici? –
Hmmm ... Je dois avoir raté la question, au-dessus du pli sur la fenêtre de mon navigateur, et j'ai répondu à la réponse. Ma faute. Web Inspector ne semble pas fonctionner dans Safari aujourd'hui, mais je vais supposer que vous pouvez modifier le balisage pour obtenir l'actualisation du fichier css sans actualiser la page. –
Au cours du développement, je l'ai trouvé, vous pouvez aussi tout simplement jeter un point d'interrogation après la référence de votre nom de fichier CSS, ... qui sert à tromper quelqu'un dans le chemin de service du CSS pour vous qu'il est construit dynamiquement (donc il ira le chercher à chaque fois). Je ne suis pas sûr si c'est Safari, ou mon serveur web spécifique qui est trompé, cependant, donc YMMV.
dans IE, FF et chrome, Cntr "R" fait l'actualisation complète droite – kobe
Essayez plutôt Ctrl-F5. Je pense que c'est plus universel. – theazureshadow
A travaillé comme un rêve – fivetwentysix