Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/blaise-io/live-reload

Browser extension for web devs. Monitors source files on a page and reloads page or source file when a change is detected.
https://github.com/blaise-io/live-reload

chrome-extension developer-tools firefox-webextension web web-extension web-extensions

Last synced: 6 days ago
JSON representation

Browser extension for web devs. Monitors source files on a page and reloads page or source file when a change is detected.

Awesome Lists containing this project

README

        

# Live Reload

Web extension for web devs. Monitors source files on a page. Reloads the host page or the changed source file when a change is detected.

## How does it work?

Start by creating a "reload rule" where you specify a host URL for a page. Then specify which source file URLs to monitor for changes on that host page.

When you visit a page matching a host URL you configured, it will start monitoring the specified source files (if they're included in the host page). When a change is detected, it will ireload the page or optionally only reload the source file inline without reloading the host page. Inline reloading is supported for stylesheets and frames.

Live Reload allows monitoring iframes, stylesheets, scripts and the host page itself.

## Downloads

- [~**Chrome**~](https://chrome.google.com/webstore/detail/live-reload/jcejoncdonagmfohjcdgohnmecaipidc) No longer functional: https://github.com/blaise-io/live-reload/issues/36
- [**Firefox**](https://addons.mozilla.org/addon/live-reload/)
- [**Edge**](https://microsoftedge.microsoft.com/addons/detail/live-reload/oajnffmbmcjoipibgecmgbdlnhboajfh)

## Screenshots

| ![](https://i.imgur.com/0XfwzDm.png) | ![](https://i.imgur.com/VcDafjC.png) |
| --- | --- |