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 ( (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.


2 thoughts on “Refresh your browser automatically during web development”

  1. 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?

    1. How about standard javascript as in:

      $ echo 'document.getElementsByTagName("html")[0].innerHTML' | nc -q 1 localhost 32000

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>