CSS auto-reload

Edit CSS, save, see result. No need to reload a whole page.

Bookmarklet

Reload every seconds

Methods

document.styleSheets[0].reload()

Reload first stylesheet

document.styleSheets.reload()

Reload all stylesheets

document.styleSheets.start_autoreload(2000)

Start reloading all stylesheets every two seconds.

document.styleSheets.stop_autoreload()

Stop auto-reloading all stylesheets.

Besides the bookmarklet you can include css_auto-reload.js directly into your page.

Just for testing this page contains random-css.heroku.com/colors.css. Every time you load that stylesheet, you will get different colors. So, click on links on the left side and see how it works.

Analogies

auto_update_stylesheets

CSS Auto-update is just an improved version of auto_update_stylesheets. Besides auto_update_stylesheets, CSS auto-update updating stylesheets without AJAX calls. It just changed stylesheet URL, which is much faster. (Just changed last_update parameter, actually.)

CSS Auto-update does not depend on neither jQuery nor any other JS framework.

XRefresh

⟳

LiveReload

Chuck Norris approved