4 façons d'actualiser automatiquement votre navigateur lors de la conception de nouveaux sites

Vous connaissez l’exercice: modifiez votre document, cliquez sur Enregistrer, basculez dans votre navigateur, actualisez-le, puis observez les modifications. Cela ne serait-il pas pratique s'il y avait une actualisation automatique de votre navigateur à un intervalle fourni? Ainsi, par exemple, toutes les trois secondes, le navigateur s'actualise automatiquement. Certes, cela n’est pas trop pratique pour les sites Web lourds, cependant, lorsque vous commencez à concevoir un nouveau site Web, c’est très pratique! Je vais vous montrer quelques moyens d'y parvenir.


Option 1: balise méta

Saviez-vous qu’en ajoutant une seule balise META dans votre document, vous pouvez demander au navigateur de recharger automatiquement à un intervalle donné?

 

Placé dans le tête balise de votre document, cette méta tag demandera au navigateur de se rafraîchir toutes les trois secondes. Assez chouette!


Screencast complet


Vous doit Enlevez cette étiquette avant de lancer votre site! Il ne devrait être utilisé qu'à des fins de développement initial.


Option 2: commandes TextMate

Ceux d’entre vous qui utilisent TextMate ou E-Text-Editor sur le PC ne profitent peut-être pas de commandes autant que vous devriez. Saviez-vous qu'il existe un script shell intégré à TextMate qui forcera également le navigateur à recharger dès que vous appuierez sur le déclencheur de clé approprié?

Ouvrez simplement le menu "Bundles" et chargez l'éditeur de bundles.


Dans l'onglet HTML, vous trouverez un script «Actualiser les navigateurs en cours d'exécution». Mémorisez ou modifiez la clé d'activation (dans mon cas, Apple + R), revenez à votre document et essayez-le. C'est la solution recommandée si vous utilisez l'un de ces deux éditeurs de code..


Option 3: XRefresh



Un add-on pour Firefox, appelé XRefresh, surveillera le dossier de votre projet et, chaque fois qu’il détectera une modification des fichiers source, il rechargera Firefox. Celui-ci fonctionne très bien, mais nécessite un peu de travail pour être opérationnel.


Option 4: Coda: animé

Les utilisateurs de Coda peuvent ne pas être familiers avec l'un de mes plugins préférés, appelé Lively. Comme les options ci-dessus, cela permet aux utilisateurs de Coda d'observer immédiatement les modifications apportées à leurs projets en temps réel. Si vous utilisez Coda, c'est un must-have.


Alors, quelle est votre méthode préférée? Personnellement, j'ai tendance à m'en tenir aux options deux et quatre. Et vous?