Affichage en temps réel des modifications du code source

Salut à tous,

Je cherche un logiciel qui me permettrait de coder (HTML, CSS et JS) et de voir le résultat en temps réel sans devoir Enregistrer/Actualiser, car cette manip est une perte de temps, j'ai déjà plusieurs écran pour éviter de switcher entre les fenêtres ce n'est pas pour en perdre avec un truc comme ça.

Est-ce que l'un d'entre vous connait un logiciel de ce type ?

Merci d'avance @+

les IDE en ont pour la plupart. En tout cas VisualStudio et Netbeans ont un visualiseur html.

Salut,

Je déplace dans "Site Web", tu auras plus de chances d'avoir des réponses.

Après, j'aurais tendance à dire que pour avoir un aperçu sur ton navigateur (j'ai un doute quand à la qualité du moteur de rendu intégré aux IDE) l'enregistrement, tu ne peux pas y couper. Lier le navigateur directement au buffer de ton éditeur de texte, ça me semble tendu (et de toute façon, faut bien enregistrer un jour ou l'autre donc j'ai du mal à voir où est la perte de temps). Après, tu peux très bien écrire un script pour ton navigateur qui actualise la page toutes les secondes par exemple (ou mieux, qui vérifie en permanence un hash de ton fichier et qui actualise en cas de changement). Tu auras l'impression que ta page se met à jour toute seule à chaque fois que tu enregistres, c'est déjà mieux que rien.

Merci,

@artragis : je ne travaille pas avec des IDE, je code avec Notepad++.

@adri : Merci pour l'astuce du script, je viens de la mettre en place et c'est déjà très utile.

1
2
3
4

function reload() {
     window.location.reload();
}
setInterval(reload, 400);

Je pense que quand j'aurai le temps je vais essayer de faire un logiciel de ce type avec Node-Webkit.

Je vais quand même attendre, pour voir si les autres membres ont des idée.

@+

@artragis : je ne travaille pas avec des IDE, je code avec Notepad++.

donc faudra que tu reste avec cette idée de devoir recharger à la main. car ton idée est un poil foireuse. Elle t'empêche de naviguer ou de tester le javascript comme il faut.

C'est possible avec BrowserSync cependant il faut quand même enregistrer son fichier. Et coupler à une extension qui sauvegarder ton fichier lorsque tu t'arrête de taper ou lorsque tu change de fenêtre ça devrait te convenir. Cette option existe nativement dans SublimeText, c'est "save_on_focus_lost".

Je te propose d'utiliser l'extension LiveReload, plus d'informations :
https://github.com/mockko/livereload

D'acc merci à vous

@Paul64 : cela à l'air pas mal, je vais y regarder

Je vais aussi regarder BrowserSync et je vais voir si je ne peux pas essayer de trouver un système perso.

@+

Si tu as la possibilité d'accéder à un Mac, si tu actives le menu Développement dans les préférences du navigateur Safari, tu peux ouvrir une fenêtre nommée « Éditeur d'extraits », dans laquelle tu entres le code source dans la partie supérieure, et dans laquelle la partie inférieure affiche en temps réel la page web correspondante.

Voici une vidéo (en anglais, 4 minutes) présentant cela : https://www.youtube.com/watch?v=h4ZHGcWiUV0.

@quark67 : je n'utilise pas Mac mais il y a la même chose sur Google Chrome

Merci quand même @+