LiveReload

Developer: Andrey Tarantsov

Current Version: 2.3.81

Last Updated: 2 years ago

Download Size: 24.8 MB - Download

Description:

The essential web developer tool: When you save a file, LiveReload preprocesses it as needed and refreshes the browser automatically.

Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page.


FEATURES:

Compiles CoffeeScript/IcedCoffeeScript, Compass/SASS, LESS, Stylus, HAML, Jade, SLIM.

Works great with many popular editors: Espresso, Coda 1, TextMate, Sublime Text, BBEdit, SubEthaEdit.

Tested with Rails, Drupal, WordPress, Joomla, ExpessionEngine, Express.

Works with multiple browsers, mobile devices and simulators, even inside preview windows of apps like Espresso and Coda 1.


IMPORTANT:

Please read about your specific usage scenarios, frameworks, compilers, editors and browsers in our knowledge base on help.livereload.com.

By default, LiveReload lives in the system menu bar on 10.7+ and in the Dock on 10.6. You can change that by clicking the gears button in the main window's title bar.


GETTING STARTED:

1. Add your project folder using the plus button at the bottom (or drag'n'drop).

2. Insert the provided snippet or install the browser extensions.

3. Open the page to test in your browser. Click the browser extension toolbar button if going the extensions route.

Everything should be up and running now. A red dot in the menu bar icon indicates that the browser is connected to LiveReload.


QUESTIONS? IDEAS? NOT SURE? THINGS NOT GOING WELL? Just email [email protected] (or click the Support link on this page).


THINGS YOU NEED TO KNOW:

Only monitors files with specified extensions. A nice fat list is hard-coded, but you can add your own ones in monitoring options.

CSS/image changes are applied live. Changing any other file (including HTML, PHP, Ruby, etc) triggers an automatic page reload.

Local files (file: protocol) are supported with some limitations.

Compilers often work out of the box, but some projects need additional settings or adjustments.

You can add support for your own compilers and editors.


REMOTE SERVER WORKFLOWS (if your development web site is running remotely):

Please read the knowledge base (search for “remote”).

Quick recap:

1. LiveReload only monitors the local file system, so the code you edit has to be there somehow.

2. Enable “Override URLs to serve modified CSS from localhost” in monitoring options.

3. Also configure “Wait X seconds before doing a full page reload” with an appropriate delay.

4. This supports Espresso, Sublime SFTP plugin and similar cases.

5. You can also use the same options to preview your local CSS changes against a live web site.

6. LiveReload is not an FTP/SFTP client, so if you use the compilers, you need to figure out how to upload their output.

SHOW MORE ...

Release Notes:

Lots of bug fixes.

SHOW LESS ...

Most Helpful Reviews

5/5
Version 2.3.8
Review by Basementjack

LiveReload is simply Awesome!!! - One of the best purchases I have made. It really is the best reloading app out there. I love that it doesn't require a plug in for the editor - it works with any editor I use. I love that it doesnt have a proprietary browser - that I can use it with Safari, Chrome, and Firefox I love that it gives me the option of using a single line of Javascript so that I can use a browser on another system like the iPad - (Coda 2 recently toughed an ipad preview mode as a new feature, but you had to buy Diet Coda, and it only worked with that combination of apps. With Live Reload, you get the same functionality with ALL your editors (Hello Sublime Text, Textmate, Old Coda 1, Flux, BBEdit, etc..) I love that, because of the way this app is architected, you remain in the text editor after you hit save (think about this for a minute) I also love that the app's been around for a long time - and they've fixed things I've not runinto - for example if you need a reload delay to account for uploading to a test server, LiveReload has a setting for this. In Short, LiveReload works so well, I almost forgot it was running, when I realized it was, I needed to come here and share my experiences. This is the one to get. - Jack

Found helpful by 8 out of 9 people
1/5
Version 2.3.8
Review by PowrDev2000

Unreliable not recommended - As of Feb. 8th 2013 software still crashes often, still waiting on fix. ----previous----- I like the software when its working, it's great but it crashes way to often to be useful now. At this time I do NOT recommend version 2.2.2 for purchase I'm hoping the next version will correct these issues. ----update---- software version 2.3.8 review: Browser plugins all failed! No Fix Current Configurations: OS X Snow Leopard 10.6.8; browsers: Firefox, Chrome, Safari (all latest versions as of 8/23/12) Bottom line: Great concept but poorly realized and NOT recommended at this time

Found helpful by 6 out of 7 people

More Reviews for Current Version

1/5
Version 2.3.81
Review by SciArts

App is Abandoned - The developer hasn’t bothered to sign the firefox plugin in YEARS. The version of the plugin that the app’s website links to is old and unsigned. Firefox blocks it completely. There’s a newer version of the plugin on the Firefox addon page which would be great news if it wasn’t completely broken. It’s Chrome plugin works fin but, honestly, LiveStyle is a vastly superior app for Chrome and is completely FREE.

Found helpful by 3 out of 6 people
5/5
Version 2.3.81
Review by [IOSYS]

Great tool for the toolbox - It works as described and is very useful. My only gripe is that the icon for menubar is pixelated when using a retina macbook pro. I really hope it gets fixed because it is the only icon that is pixelated on my menubar.

Found helpful by 2 out of 3 people
5/5
Version 2.3.81
Review by abeddon66

Best when working with two monitors, a web developer’s dream! - When at home I connect a second monitor to my Macbook Pro, I do all of my coding on the laptop and have the website I’m working on displayed in full size on the 2nd monitor. With LiveReload the website refreshes each time I save the file, and it improves my workflow immensely! I set my localhost folder as the folder for LiveReload to monitor, each time I save HTML, PHP, or JavaScript, the browser refreshes and I can instantly see any changes in layout. The best part is that any changes made to CSS take effect immediately without a refresh. The only downside is that trying to go back to a single monitor (or just laptop) with or without LiveReload is almost unthinkable. I’ve been completely spoiled.

Found helpful by 0 out of 0 people
1/5
Version 2.3.81
Review by Jfkdjeh

Doesn’t compile Sass - LiveReload detects when a .scss file has changed, but does not compile — which was the primary functionality I was looking for. I’m running Sass v3.4.21 on Mac OS X (El Capitan) version 10.11.3 (15D21). Don’t waste your money.

Found helpful by 0 out of 5 people
5/5
Version 2.3.81
Review by zhaiyu722

Awesome Tool. - I like it.

Found helpful by 0 out of 0 people
SHOW MORE ...