#Webkit livereload windows

There’s also a Windows version in the works, which might even help me solve some IE testing conundrums. If the price is reasonable for an app that I consider to be very useful–but could live without–I’ll definitely be picking up a copy when the time comes. It’s ultimately headed for the App Store, and I don’t know what it will cost. LiveReload is in beta right now, but the development schedule appears to be on track. There’s really not much you can’t do with a setup like this. You can also specify any shell command to run after changes are processed but before the browser refreshes. You can have it automatically compile SASS, LESS, CoffeeScript and others and control the output location for every individual file (if you like). You start by telling it which folders to watch, but you can get specific about which filetypes to watch as well. LiveReload has some powerful customizable options. It also makes it possible to see previews in Gecko and Webkit browsers simultaneously without manually refreshing. Just add the watch folder, turn on the browser extensions and start saving. It’s not quite as “live” as Espresso, but it brings instant-preview editing to any of your favorite editors.

With either of these options in place, the coolest part of LiveReload becomes available: any changes to images or CSS are reflected live–and instantly–on the page without a reload. Our crowd-sourced lists contains nine apps similar to LiveReload for Mac, Windows, Linux. You have the option of adding a JavaScript snippet to the head of your HTML files on your development server, or (far better) you can use browser extensions in Safari, Firefox and Chrome. The best LiveReload alternatives are CodeKit, Prepros and Live.js. Yes, you can ( and I have) script your way to something similar, but LiveReload brings a few extra refinements to the job. It watches for changes in a given folder and–in a way similar to what Marked does for Markdown files–it updates your web browser(s) whenever files with certain extensions change. It watches for changes in a given folder andin a way similar to what Marked does for Markdown filesit updates your web browser (s) whenever files with certain extensions change.

Suffice to say I was impressed enough to take some time out to write it up. If you develop static HTML/CSS/JS web pages, this is the fastest way to see your changes on your browser each time you save a file. I linked LiveReload on Twitter the day I discovered it, but I haven’t given it a truly thorough test until tonight. LiveReload support instant reload of changed files in your workspace.