151 votes

Rechargement automatique du navigateur lorsque j'enregistre les modifications apportées au fichier html, dans Chrome ?

Je suis en train d'éditer un fichier HTML dans Vim et je veux que le navigateur se rafraîchisse à chaque fois que le fichier en dessous change.

Existe-t-il un plugin pour Google Chrome qui permet d'écouter les modifications apportées au fichier et de rafraîchir automatiquement la page chaque fois que j'enregistre une modification du fichier ? Je sais qu'il existe XRefresh pour Firefox, mais je n'ai pas réussi à le faire fonctionner du tout.

Serait-il difficile d'écrire un script pour le faire moi-même ?

3 votes

0 votes

Après avoir cherché pendant un certain temps une solution qui fonctionne partout, j'ai codé la mienne : alexshulzhenko.ru/web-development-autorefresh-page-on-changes

0 votes

Je code également mes propres codes : Live Reload pour Chrome et Firefox : github.com/blaise-io/live-reload#readme . Répétez l'URL de l'hôte dans le champ URL du fichier source de l'addon pour le surveiller lui-même.

23voto

Konstantin Spirin Points 5347

Mise à jour : Tincr est mort.

Tincr est une extension Chrome qui rafraîchit la page à chaque fois que le fichier situé en dessous est modifié.

4 votes

Cet outil est incroyable. Entre autres choses, vous pouvez rafraîchir le CSS d'une page sans rafraîchir le HTML/JS.

0 votes

Cela semble prometteur mais j'ai essayé de câbler tincr pour un projet jekyll - cela ne me permettait que de surveiller les changements dans un seul fichier, sans tenir compte des inclusions, des changements partiels ou de la mise en page.

3 votes

Malheureusement, Tincr utilise NPAPI qui est déprécié et est désactivé dans Chrome par défaut (depuis avril 2015). Et il sera entièrement supprimé prochainement (Sep 2015).

23voto

milkypostman Points 1951

Je suppose que vous n'êtes pas sous OSX ? Sinon, vous pourriez faire quelque chose comme ça avec applescript :

http://brettterpstra.com/watch-for-file-changes-and-refresh-your-browser-automatically/

Il existe également un plugin pour chrome appelé "auto refresh plus" qui permet de spécifier un rechargement toutes les x secondes :

https://chrome.google.com/webstore/detail/auto-refresh-plus/oilipfekkmncanaajkapbpancpelijih?hl=en

28 votes

Ce plugin ne semble pas surveiller le système de fichiers local, et se contente de rafraîchir périodiquement.

0 votes

J'obtenais des erreurs en changeant le navigateur en chrome. Pour résoudre ce problème, changez le paramètre keyword à watch_keyword dans la ligne suivante : if (URL of atab contains "#{keyword}") then

0 votes

Whau ! J'utilise le script de votre premier lien ( goo.gl/FZJvdJ ) avec quelques petits mods pour le développement de fléchettes avec Chromium. Ça marche du tonnerre !

10voto

Jibin Points 99

http://livereload.com/ - application native pour OS X, version Alpha pour Windows. Source ouverte à https://github.com/livereload/LiveReload2

3 votes

Cool, mais 10 $ ? Vraiment ? Yeesh.

0 votes

@ un nerd payé, ça semble raisonnable si ça marche. De plus, la source est juste là, donc essayez avant d'acheter.

3 votes

Il existe également un module complémentaire de navigateur gratuit Live Reload (collision accidentelle de noms) que j'ai créé et qui fait la même chose gratuitement : github.com/blaise-io/live-reload#readme

3voto

user2511839 Points 1

Il existe une application java pour os x et Chrome appelée Refreschro. Elle surveille un ensemble donné de fichiers sur le système de fichiers local et recharge Chrome lorsqu'un changement est détecté :

http://neromi.com/refreschro/

1 votes

À partir du 29 août 2016, c'est l'option de travail libre la plus facile ici. Merci !

0 votes

Pas fiable pour Mac, refuse de s'installer

1voto

Jaq Deb Points 31

J'ai trouvé ça : http://net.tutsplus.com/tutorials/other/quick-tip-4-ways-to-auto-refresh-your-browser-when-designing-new-sites/

J'ai testé la première option sur Win7 64, Firefox10.0.2 et Chrome Version 24.0.1312.57 m. Bonne solution de contournement jusqu'à présent. N'oubliez pas de supprimer la post-production.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X