Refresh your browser automatically during web development

Did you ever find that while editing files for the web (e.g. HTML, Javascript, Java/Flash/Ruby, whatever) that it would be cool to have your browser reflect any changes as soon as you hit Save in your IDE without having to Alt-Tab to the browser and hit refresh (Ctrl-R)? That way, you could stay entirely in your browser and just move your eyes to the browser as it refreshes automatically showing you the results of your newest changes.

Well, now you can! I’ve developed a pair of tools for that allow this when used in concert. Both are Open Source, of course.

  1. A “monitorfiles” tool (github) that can execute any command when a monitored file changes
  2. A “Remote Control” Firefox extension (addons.mozilla.org) (github) that listens to events from “monitorfiles” to refresh the browser when any such files change.

Do you like it? I do! :-)

Here are some of the things that I’d like to improve, but for now it works fine for me:

  • A Chrome extension would be nice too, but that requires some more work.
  • Some investigation as to how to integrate this into e.g. Eclipse instead of requiring “monitorfiles”. (But I don’t use Eclipse myself, so that isn’t low-hanging fruit for me)
  • Look at the github links for more information including known outstanding issues.

Enjoy!

2 Comments

  1. Eugene says:

    Good day!

    I try to use RemoteControl for Firefox. I can execute Javascript and reload page – this is very simple actions. I need to be able get all content of page for analyze it in my external program. How to do this?

Leave a Reply