There used to be brilliant tool for that, http://xrefresh.binaryage.com/ but it's not supported any more, but there's also http://livereload.com/ for Macs and http://livejs.com/ but it rarely works how it should
For anyone else looking for a quick way to add this to there like main.js file, I did this:
function addJavascript(jsname,pos) { var th = document.getElementsByTagName(pos)[0]; var s = document.createElement('script'); s.setAttribute('type','text/javascript'); s.setAttribute('src',jsname); th.appendChild(s); }
$(document).ready(function () { addJavascript('http://livejs.com/live.js#css','body'); });
Then you can just comment out the addJavascript when you want to push it live.
you could use browsersync to proxy your live server.
browsersync will monitor files that you specify and will refresh your browser on save.
Not sure why you will need to restart the server if its pure html-css-js. But browsersync might do what you require.
A simpler solution would be to include this script into your files, http://livejs.com/ but remember to remove it when you publish to production.
I love Notepad++. There are some plugins like TextFX and Explorer that I wouldn't want to do without, though.
I've used it in conjunction with live.js. I have yet to try out other live reloaders.
Here is a Firefox plugin which detects file changes and updates the page automatically. I have not tested it yet, it does not work on Firefox v5. I also don't know what it actually detects (CSS only? JS too? PHP?).
http://xrefresh.binaryage.com/
Here is another which is a JS file which checks for changes in HTML/JS/CSS files, then refreshes when needed: http://livejs.com/