Live Reload Live Reload

Developer Tools
Version: 1.8.4
Last Update: 2021-08-07

Overview

Live Reload is a Chrome extension developed by Blaise Kal. According to the data from Chrome web store, current version of Live Reload is 1.8.4, updated on 2021-08-07.
7,000+ users have installed this extension. 16 users have rated this extension with an average rating of .

Monitors source files on a page. Reloads the page or just the changed stylesheet when source files are updated.

Monitors included scripts, stylesheets and/or frames on a page for changes using configurable rules. Reloads the entire page or just the source file that was changed.

Not sure why your page is not reloading? — Debug your rules by navigating to chrome://extensions, find the Live Reload tile, click "background page", visit the "Console" tab and monitor "All levels".

Due to security restrictions in web extensions, files served using the file system (file://...) *cannot* be monitored. A quick and easy workaround is to serve local files over http. See https://github.com/blaise-io/live-reload/issues/3#issuecomment-358755120

Doesn't work? Need a feature? — Please create an issue on Github (https://github.com/blaise-io/live-reload/issue) or send a mail to [email protected].

Rating

16 ratings
5
4
3
2
1

Total Installs

7,000+

Information

Last Update

2021-08-07

Current Version

1.8.4

Size

38.22KiB

Author

Blaise Kal

Website

None

Category

Developer Tools

Live Reload Alternatives

Name Category Rating Rating Count Installs
extension logo LiveReload Developer Tools
(806) 100,000+
extension logo LiveReload++ Developer Tools
(5) 2,000+
extension logo Live Server Web Extension Developer Tools
(50) 100,000+
extension logo Xdebug helper Developer Tools
(433) 300,000+
extension logo Live Reload Browser Page Developer Tools
(0) 57
extension logo Liverefresh Developer Tools
(10) 60
extension logo Amino: Live CSS Editor Developer Tools
(421) 30,000+
extension logo MageSpecialist DevTools for Magento Developer Tools
(11) 2,000+
extension logo RemoteLiveReload Developer Tools
(36) 6,000+
extension logo Vue.js devtools Developer Tools
(136) 200,000+
extension logo Live editor for CSS, Less & Sass - Magic CSS Developer Tools
(239) 60,000+
extension logo LiveReloadHttps Developer Tools
(1) 91
extension logo Emmet Re:view Developer Tools
(161) 30,000+
extension logo PerfectPixel by WellDoneCode (pixel perfect) Developer Tools
(584) 300,000+
extension logo Autoreloader: Reload tab on file change (Win) Productivity
(4) 237
extension logo Emmet LiveStyle Developer Tools
(351) 20,000+
extension logo J CSS Reload Developer Tools
(51) 4,000+
extension logo JetBrains Toolbox Extension Developer Tools
(113) 100,000+
extension logo Extensions Reloader Developer Tools
(117) 10,000+
extension logo Material DevTools Theme Collection Developer Tools
(57) 10,000+
extension logo User CSS Developer Tools
(233) 50,000+
extension logo CSS Used Developer Tools
(164) 60,000+
extension logo Gridman - CSS Grid inspector. Ultra Fast! Developer Tools
(48) 10,000+
extension logo CSS Scan Developer Tools
(55) 10,000+

Latest Reviews

See More

avatar Brian D
2021-08-27

Worked as advertised. Thanks!

avatar Jared Rutledge
2021-08-20

Does what it says for local development environments

avatar Noname Noname
2021-03-20

Great extension! I have to modify some sites, so I need to have my own css on the page, which I would edit in my IDE. This issue can be partially solved through the extension with userCSS-injection with a built-in editor, but it is a pain to go this way when working with mobile layout.

Now I can add a link of my localhosted css to the page with one extension, monitor it with this extension, and edit the css file in a regular IDE.

The only thing is that I would really like to be able to inject my css into the page in the same extension, so as not to use two different ones.

avatar i n
2021-03-09

It works perfectly. Thanks.

avatar Ben Renschen
2020-07-08

Works like a charm! So simple to set up. Hard to believe it took installing/uninstalling several extensions to get to this PERFECTLY working extension.

This is particularly useful for WordPress developers!

My 2-minute setup as a WordPress developer:

1. Run Local (by Flywheel) for a live server.
2. Installed this extension (Live Reload).
3. Click on your extension icon -- click "Create a new reload rule"
4. Add Title of rule (can be your website name)
5. Host URL: https://mywebsite.dev/ (don't forget the forward slash at the end)
6. Source file URL's: https://mywebsite.dev/*
-- Note: you cannot technically monitor changes in local folders/files (on your comp). Instead, you refer to the root folder by using your source URL followed by a forward slash (/) and asterisk (*) to monitor ALL files
7. Ignore source file URL's:
https://mywebsite.dev/wp-admin
https://mywebsite.dev/wp-admin/customize.php
-- Note: This allows your website to use Live Reload without reloading admin areas. There may be other admin areas to ignore, but this setup works for me.
8. Decide how many seconds the extension should wait before checking for updated source files. I set mine to 1s so the updates are immediate.
9. Choose to enable/disable two reload options based on preference.
10. Click "Save reload rule".

Voila!

Thank you Blaise for a killer (and working) extension!