iyucef Il y a 2 mois Répondre
Super merci, sa marche à merveille après avoir pré Ruby 1.9.3 et que j'ai fait eventmachine --pre 
52 commentaires
Ajouter un commentaire
sko Il y a 3 mois Répondre
Hello !
J'ai bien réussi à installer toutes les applications nécessaires pour le faire fonctionner sur mac (ruby, ruby cacao, xcode) et liveReload se lance sans aucun soucis... mais il ne rafraichit en aucun cas les pages au moment où je sauvegarde.
Est-ce du au fait que j'utilise Mamp et que la construction de ses url se fait de ce type : http://4za :8888/ ??
J'ai pas ailleurs vu qu'il est sorti un liveReload 2 avec interface graphique. Quelqu'un l'a-t-il déjà essayé ?
merci d'avance !
avatarvb Il y a 4 mois Répondre
j ai suivie tt les étapes de Jonathan mais quand je clic sur l icône de livreload de mon navigateur Msgbox= "livereload cannot cennect to livreload server ws:/127.0.0.1:80/wibsochet:
romain25 Il y a 4 mois Répondre
Pour ceux qui ont eu des problème sous windows 7 64 bits comme moi en suivant le tuto de graph.
Désinstaller tous vos ruby installer.
Supprimer les dossier dans c:\program files\rubyxxx (xxx version de ruby)
Télécharger :
http://rubyinstaller.org/downloads/
rubyinstaller-1.8.7-p357.exe
DevKit-tdm-32-4.5.2-20111229-1559-sfx.exe (DEVELOPMENT KIT)
Installation :
Installer Ruby 1.8.7 p357 en laissant le dossier par défaut c:\Ruby187
Cocher les cases en dessous
Une fois terminé
Lancer DevKit-tdm-32-4.5.2-20111229-1559-sfx.exe
mettre en dossier d'extraction c:\DevKit
Ouvrir le terminal
taper les commandes dans l'ordre suivant:
cd c:\DevKit
ruby dk.rb init
ruby dk.rb install
Pour vérifier
gem install rdiscount --platform=ruby
Vous devriez voir
Temporarily enhancing PATH to include DevKit...
ruby -rubygems -e "require 'rdiscount'; puts RDiscount.new('**Hello RubyInstaller**').to_html"
Vous devriez voir
<p><strong>Hello RubyInstaller</strong></p>
Ruby est OK
Livereload
Taper la commande suivante
gem install eventmachine-win32 win32-changenotify win32-event livereload --platform=ruby
Vous pouvez utiliser livereload
Ithor Il y a 4 mois Répondre
Super sympas
J'ai finalement réussit en suivant bien tout ce que tu as dit et en faisant gem install eventmachine --pre à la fin de l’installation
j'ai pris ruby 1.9.3
Je vais utiliser plus souvent Chrome je sens :p
Nic1101 Il y a 5 mois Répondre
Moi je beug à la commande "gem install livereload --platform=mswin32". Il m'indique une erreur et je trouve pas comment...
CONFIG : Win 7 x64 4 Go de RAM
Doberdan Il y a 6 mois Répondre
petite question,
après un redémarrage du pc,doit'ont a chaque fois réinstallé les plugins pour que cela fonctionne. car ici je vient de redémarrer le pc, et l'autorefresh ne fonctionne plus.
le plugins est bien actif sur googleChrome et au niveau du terminal tous fonctionne également sauf autorefresh.
Sergio Il y a 7 mois Répondre
Même problème que Gounane
gounane Il y a 7 mois Répondre
Bonjour J'ai suivez votre tutoriel de A à Z par contre j'ai un souci lors du lancement de la commande livereload j'ai eu ce message sur l'invite de commande :
C:/Program Files/Ruby187/lib/ruby/site_ruby/1.8/rubygems/dependency.rb:247:in `to_specs': Could not find eventmachine (>= 0.12.9) amongst [addressable-2.2.6, em
-dir-watcher-0.9.4, em-websocket-0.3.1, eventmachine-0.12.10-x86-mswin32-60, eventmachine-win32-0.7.2, livereload-1.6, ruby-json-1.1.2, rubygems-update-1.8.10,
win32-api-1.4.8-x86-mingw32, win32-changenotify-0.5.1, win32-event-0.5.2, win32-ipc-0.5.3, windows-api-0.4.0, windows-pr-1.2.1] (Gem::LoadError)
from C:/Program Files/Ruby187/lib/ruby/site_ruby/1.8/rubygems/specification.rb:761:in `activate_dependencies'
from C:/Program Files/Ruby187/lib/ruby/site_ruby/1.8/rubygems/specification.rb:758:in `each'
from C:/Program Files/Ruby187/lib/ruby/site_ruby/1.8/rubygems/specification.rb:758:in `activate_dependencies'
from C:/Program Files/Ruby187/lib/ruby/site_ruby/1.8/rubygems/specification.rb:742:in `activate'
from C:/Program Files/Ruby187/lib/ruby/site_ruby/1.8/rubygems/specification.rb:764:in `activate_dependencies'
from C:/Program Files/Ruby187/lib/ruby/site_ruby/1.8/rubygems/specification.rb:758:in `each'
from C:/Program Files/Ruby187/lib/ruby/site_ruby/1.8/rubygems/specification.rb:758:in `activate_dependencies'
from C:/Program Files/Ruby187/lib/ruby/site_ruby/1.8/rubygems/specification.rb:742:in `activate'
from C:/Program Files/Ruby187/lib/ruby/site_ruby/1.8/rubygems.rb:1211:in `gem'
from C:/Program Files/Ruby187/bin/livereload:18
Merci, d'avance
Etix Il y a 7 mois
Essayes cette ligne : gem install eventmachine --pre
scalpx Il y a 3 mois - Répondre
gem install eventmachine --pre
Avec ceci tout est revenu dans l'ordre pour moi. En espérant que cela puisse aider !
fredob Il y a 8 mois Répondre
Bonjour,
J'aimerais savoir si c'est possible d'utiliser livereload sur ubuntu ?
J'arrive pas.
Merci
clemes Il y a 8 mois Répondre
Bonjour,
Lorsque je lance le fichier .bat, la fenêtre s'ouvre normalement, mais lors de l'appuie sur le "livereload" de chrome, il n'a pas l'air de détecter l'URL (le message "browser connected." apparaît, mais pas le "browser url : <chemin du site>"). Quelqu'un aurait-il eu le même problème ou saurait le résoudre ?
Merci d'avance.
boardingnow Il y a 8 mois Répondre
Après bien des soucis je suis arrive a installer ce machin sur win7 x64 alors voici les trucs que j'ai fait car depuis l’excellente vidéo de notre maitre a tous les choses on évoluer:
Etape 1
-Installer DevTools (http://github.com/downloads/oneclick/rubyinstaller/DevKit-tdm-32-4.5.1-20101214-1400-sfx.exe).
Etape2
-Et suivre les instruction sur DevTools (https://github.com/oneclick/rubyinstaller/wiki/Development-Kit).
Etape3
Avoir 1.9.1 installer (http://rubyforge.org/frs/download.php/72075/rubyinstaller-1.9.1-p430.exe) ,
Etape4
Installer l'etension pr Chrome et le add-on pour fire fox
j’espère avoir aider les nouveau venu(pour moi ça a marcher)
Grafikart Il y a 9 mois Répondre
Alors je viens de le refaire et j'ai suivi les infos en bas de la page github (il faut la bonne version de ruby et surtout installer le DevKit)
ThomAs-25 Il y a 9 mois Répondre
Salut
J'ai exactement le même problème que toi Pakito... Ca me déprime..
Pakito Il y a 9 mois Répondre
Bonjour bonjour !
J'utilise LiveReload depuis un moment, depuis que j'ai vu passer le tuto dans mon flux RSS à vrai dire.
Je l'ai sur mon fixe, et sur mon laptop au boulot.
Seulement voila, j'ai reformaté mon fixe cet été, et donc j'ai perdu ma belle config de Ruby pour faire tourner le plugin.
Le hic, c'est que j'ai bien suivi le tuto, plusieurs fois même, en désinstallant et réinstallant tout etc, et là je sèche : quand je lance mon autorefresh.bat, la fenêtre s'ouvre et disparaît aussi tôt, sans que j'ai le temps de lire le message d'erreur.
J'ai bien tenté avec un Prt Scr bien calé, et en gros, Livereload n'est pas une fonction valide...
Du coup, si quelqu'un peut m'aiguiller, ça pourrait être sympa
(j'vais aller aussi demander sur le forum, on ne sait jamais)
juanbreizh Il y a 10 mois Répondre
J'ai trouvé l'extension Xrefresh pour Firebug qui semble faire la même chose, mais peut-être un peu plus simple sur l'installation.
YanOo Il y a 10 mois Répondre
Merci, très pratique.
seezer Il y a 11 mois Répondre
Un Grand Merci à toi =D ça va me changer de on || Alt+Tab Ctrl+f5 ||
pour peut être aider les prochains comme j'ai lu sur le forum... je n'ai pas fait l'update du system (la 1ere commande) car avant ça ne marchait pas =D
guignol95 Il y a 12 mois Répondre
Excellent,
voici ce qu'il faut mettre dans le fichier .bat pour qu'il écoute automatiquement le dossier depuis lequel vous l'executez :
cd /d %~dp0
livereload
Wyllou Il y a 1 an Répondre
Bon ça fonctionne maintenant. J'ai supprimé ruby avec ses dossiers d'installation et j'ai refais la manip sans le update. J'ai renommé mon fichier .bat, je l'avais appelé livereload.bat, et quand j'ai mis autofresh.bat, ça a fonctionné.
Wyllou Il y a 1 an Répondre
Moi il détecte pas les modifs avec ruby 1.8.6. Du coup j'ai testé avec 1.8.7 et ça fonctionne pas, le bat ce lance pas pareil. Comment on fait pour tout d'installer ruby pour recommencer de 0?
tibotime Il y a 1 an Répondre
Salut! Super ce tuto!!! J'ai installé xRefresh et livereload sur mac.
Du coup je me suis lancé dans un script pour automatiser leur lancement...
Si ça intéresse quelqu'un:
tell application "Terminal"
activate
if the (count of windows) is not 0 then
tell application "System Events"
keystroke "w" using {command down}
end tell
do script "Xrefresh-server"
tell application "System Events"
keystroke "m" using {command down}
end tell
do script with command "cd Sites/localhost ; livereload"
tell application "System Events"
keystroke "m" using {command down}
end tell
end if
end tell
d40x Il y a 11 mois - Répondre
Livereload est maintenant dispinible sur Firefox
csphoenix1 Il y a 1 an Répondre
Merci pour l'astuce
sxmCrow Il y a 1 an Répondre
Bonjour :p
Comme d'habitude toujours aussi fan de tes Tutos
et un grand bravo.
par contre pour une foi je rencontre une difficulté, j'ai installé ruby mais il ne reconnait pas les commendes... dès le départ quand je lance ma ligne de commande avec rubby il me signale qu'il ne reconnait pas C:\Program comme étant une commande...
enfin un petit éclaircissement sur ce point serait la bien venu ^^
Encore merci à toi !!!
gilles40 Il y a 2 ans Répondre
Salut,
Super tuto comme d'habitude.
mais j a i un soucis je charge bien ruby je mets toutes les commandes en suivant mais lorsque je veux lancer le fichier.bat dans un de mes sites la fenetre de la console ne s'ouvre pas. l un de vous aurai t'il une petite idee
d avance merci
Gilles
je suis sous XP pro
boardingnow Il y a 2 ans Répondre
Bravo très bon tuyau toutes tes vidéos sont superbes continu même si certains commentaire ne sont pas très sympa pour tout le mal que tu te donnes.
Tef Il y a 2 ans Répondre
Hello
Pour les utilisateur Mac, vous aurez besoin d'activer l'utilisateur root. Pour ce faire : Finder > Macintosh HD > Système > Bibliothèque > CoreServices et ouvrir "Utilitaire d'annuaire". Ensuite Cliquez sur le cadena pour éditer les données et enfin Edition en haut et Activer l'utilisateur root. Si vous ne l'avez jamais fais, il vous demandera de taper un nouveau mot de passe.
Je vous conseille fortement de désactiver à chaque fois l'utilisateur root une fois les installations terminées
A+ et merci pour ce logiciel. Enfin je vais arrêter de faire des cmd+R dans tous les sens lol
Android Il y a 2 ans Répondre
Tiens, ça va m'évité de rafraîchir mes pages à chaque fois ! Merci...
SHADAR Il y a 2 ans Répondre
Plus rapide et tres rapide "F5" mdr
Jerry Wham Il y a 2 ans Répondre
Super extension. Pour éviter de charger un fichier pour un site en particulier, il suffit de lancer le script à la racine du serveur (chez moi par exemple /Sites), et tous les changements effectués sur n'importe lequel de mes sites est pris en compte.
J'ai testé aussi xrefresh pour Firefox sur Mac OsX. Elle nécessite Firebug, d'installer l'extension xrefresh et de lancer une commande (xrefresh-server).
Par défaut, le dossier écouté est le dossier /home. On peut modifier ce comportement en éditant le fichier .xrefresh-server.yml (fichier caché donc car il commence par un point) situé dans le dossier /home (soit /Users/JerryWham/).
Une fois le xrefresh-server lancé, grâce à une console, on peut vérifier que le dossier /Sites est bien écouté. Il faut ensuite s'assurer que le navigateur est connecté. Pour cela, il faut se mettre sur la page que l'on veut monitorer, ouvrir firebug, cliquer sur la petite flèche vers le bas de l'onglet xrefresh qui s'est ajouté à Firebug, et activé l'extension.
Sur la console et sur Firebug, on s'aperçoit alors que le navigateur est connecté au xrefresh-server. Les modif sont alors bien prises en compte.
Merci beaucoup pour cette astuce qui fait gagner pas mal de temps surtout pour le design.
MyKiwi Il y a 2 ans Répondre
C'est quoi comme terminal que tu utilise?
Ce n'est pas celui par defaut sur windows si?
pobourger Il y a 2 ans - Répondre
C'est celle de windows par défaut juste un template disponible ici : http://sourceforge.net/projects/console/
martin Il y a 2 ans Répondre
c'est aussi compliqué que ça d'appuyer sur F5 ...
Pobourger Il y a 2 ans
Il y a POMME+R aussi sale utilisateur de PC !
Et c'est une astuce bien gentil de la part de GRAFIKART tes pas obligé de la prendre mais tes obligation pas contre de pas critiquer le travail qu'il fait ... donc si tes pas content tu le garde pour toi ... -__-' surtout des remarques dans ce genre !
martin Il y a 2 ans
"Sale utilisateur de pc" superbe remarque ^^.
A aucun moment je n'ai critiqué le travail de Grafikart, j'ai simplement donné mon avis
Grafikart Il y a 2 ans - Répondre
Effectivement ce n'est pas compliqué d'appuyer sur F5 mais lorsque l'on a 2 écrans et qu'on fait plein de modif CSS/PHP cela peut être gênant de passer d'une fenêtre à l'autre. Livereload permet de se concentrer sur le code et de ne pas avoir a basculter entre les fenêtre juste pour voir une petite modif.
Beslay Cyril Il y a 2 ans Répondre
Problème résolu (@Almaju), il faut nommer le fichier différemment de "livereload" et merci à Grafikart
creataddict Il y a 2 ans Répondre
Super, je vais l'installer sur ma distribution Linux, heureusement que les lignes de commandes font partie de mon quotidiens :D
SAMY-HACKER Il y a 2 ans Répondre
super astuce
PiGi Il y a 2 ans Répondre
Installé sur Chrome/Mac et XRefresh pour Firefox/Mac, ça marche nickel, les 2 en même temps d'ailleurs! Voilà des manip et du temps de gagner, merci pour la niouz :-)
Beslay Cyril Il y a 2 ans Répondre
La même chose que @Almaju, boucle infinie...
Almaju Il y a 2 ans Répondre
J'adore le principe mais après avoir installé tout dans l'ordre comme dans la Doc et la vidéo, en lançant un "livereload" dans DOS, il y a un espèce de rafraîchissement infini de la commande genre :
C:>livereload
C:>livereload
C:>livereload
(...)
Une petite idée ?
Grafikart Il y a 2 ans - Répondre
Toi tu as nommé ton fichier livereload.bat. En faisant ça il essaie d'appeller livereload.bat au lieu de livereload du coup boucle infinie. Nomme ton fichier bat autrement comme autoRefresh
Laurent_h Il y a 2 ans Répondre
Pourquoi ce compliqué alors qu'il y a des booklet toute faite :
http://www.ydnar.com/2006/02/reload-css-book.html
Maxecom02 Il y a 2 ans - Répondre
Laurent_h, je crois que tu n'a pas du tout compris à quoi sert Livereload.
As-tu bien lu, ou regardé la vidéo avant de poster ton message ?
Cependant, le code que tu a proposé est également intéressant !
(mais n'a rien à voir avec ce que propose Livreload)
Maxecom02 Il y a 2 ans Répondre
Petite question, qu'est-ce que tu utilises pour émuler ton serveur en local ? Wamp ?
d40x Il y a 2 ans Répondre
J'ai une question peut être bête mais ça consomme beaucoup en ressources ou pas ce genre de plugin?
Bob :) Il y a 2 ans Répondre
XRefresh pour Firefox est quand même plus simple à installer
WoBuGs Il y a 2 ans Répondre
Comment fait-on pour arrêter le serveur livereload ?
Alex-D Il y a 2 ans Répondre
Pour le design, ça n'est pas un gadget, pour chaque pixel il faut recharger la page... faire un F5 c'est bien gentil, mais si tu es sur deux écrans par exemple, tu peux coder sur un, enregistrer et avoir l'aperçu sur l'autre en direct tout en restant dans ton éditeur.
Personnellement je ne suis pas encore passé à Chrome, l'extension Firefox fonctionne à merveille :D
Syl20 Il y a 2 ans Répondre
Si ca peut ajouter un petit plus à la conception des sites sans avoir à rafraichir le navigateur à chaque modifs. Quand il y en a beaucoup c'est un gain de temps si ça fonctionne correctement. Pour ma part je vais essayer xRefresh sur firefox mais les avis sont mitigés. Merci pour l'info !
Taunter Il y a 2 ans Répondre
Pour moi ça relève plus du gadget que de l'application utile.
Etix Il y a 2 ans Répondre
Personnellement l'installation c'est très bien déroulé.
Mais lorsque je modifie mon fichier, ma page de ce réactualise pas automatiquement.
Je ne comprend pas trop pourquoi.
Mais sinon le principe est très bien.
Merci pour la vidéo.
canonier Il y a 1 an
J'ai le meme soucis.
Je roule sous w7 pro 64b
tout s'est bien dérouler.
Sauf lorsque je modifie mes fichiers, Livereload reconnais le nouveau fichier (il le marque) mais n'actualise pas la page :S
Une solution ?
Nokifict Il y a 11 mois - Répondre
Même souci, tout le processus s'est correctement déroulé
livereload détecte les changements, coté extension LR est aussi activé (vert)
mais l'actualisation n'a pas lieu à chaque modification de mes fichiers,
si quelqu'un pouvait me sortir de ce mauvais pas, je lui serais bien reconnaissant.
brian Il y a 2 ans Répondre
ok merci
brian
brian Il y a 2 ans Répondre
est-ce-que ça marche en ligne (pas en local) ?
Grafikart Il y a 2 ans - Répondre
Il ne peut pas détecter les modification faite sur le serveur. En revanche si tu as les sources en local et que tu upload à chaque fois (avec netbeans par exemple ou dreamweaver) tu peux changer le délai avant le rafraichissement (dans le fichier .livereload) pour qu'il rafraichisse quand l'upload est finit. Mais vu les délai tu risque de perdre une grande partie de l'intérêt de ce module
brian Il y a 2 ans Répondre
cool
je me lance tout de suite
KaKuZa` Il y a 2 ans Répondre
Päs mal !!!
Laisser un commentaire
raf184 Il y a 5 jours Répondre
J'ai suivi le tuto installé Ruby et livereload créer un bat le lancer et lancé l'extension après Mais le seul souci lors des modifications sa ne rafraîchit pas la page
C:\Program Files (x86)\EasyPHP-5.3.9\www\essai>livereload
Version: 1.6 (compatible with browser extension versions 1.6.x)
Port: 35729
Watching: C:/Program Files (x86)/EasyPHP-5.3.9/www/essai
- extensions: .html .css .js .png .gif .jpg .php .php5 .py .rb .erb
- live refreshing disabled for .js: will reload the whole page when .js is cha
nged
- excluding changes in: */.git/* */.svn/* */.hg/*
- with a grace period of 0.05 sec after each change
LiveReload is waiting for browser to connect.
Browser connected.
Browser URL: file:///C:/Program%20Files%20(x86)/EasyPHP-5.3.9/www/essai/index.ht
ml
Modified: index.html
Modified: index.html
Modified: index.html
Modified: index.html