![](/uploads/1/2/7/5/127585552/777071502.jpg)
Download LiveReload - Web extension for Firefox. Web extension based version of LiveReload. Supports Firefox 57 (Firefox Quantum). Basic Gulp setup. GitHub Gist: instantly share code, notes, and snippets.
OptionsOptions can either be specified as query parameters of the. This means LiveReload will only try to do live css and img reloading, regardless of any external plugins.You can specify external plugins order by adding each plugin id into pluginOrder or just use external to run all external plugins in default order. Issues & LimitationsLive reloading of imported stylesheets has a 200ms lag. Modifying a CSS @import rule to reference a not-yet-cached file causes WebKit to lose all document styles, so we have to apply a workaround that causes a lag.Our workaround is to add a temporary element for the imported stylesheet we're trying to reload, wait 200ms to make sure WebKit loads the new file, then remove and recreate the @import rule. This prevents a flash of unstyled content. (We also wait 200 more milliseconds and recreate the @import rule again, in case those initial 200ms were not enough.)Live image reloading is limited to, background-image and border-image styles.
Any other places where images can be mentioned?Live image reloading is limited to jpg, jpeg, gif, and png extensions. Maybe need to add svg there? Anything else? Communicating with livereload.jsIt is possible to communicate with a running LiveReload script using DOM events:. fire LiveReloadShutDown event on document to make LiveReload disconnect and go away. listen for LiveReloadConnect event on document to learn when the connection is established. listen for LiveReloadDisconnect event on document to learn when the connection is interrupted (or fails to be established)The LiveReload object is also exposed as window.LiveReload, with LiveReload.disconnect, LiveReload.connect, and LiveReload.shutDown available.
![Livereload chrome extension not working Livereload chrome extension not working](/uploads/1/2/7/5/127585552/994019350.gif)
However, I'm not yet sure if I want to keep this API, so consider it non-contractual. Pixelmator for windows 10 free. (And please tell me if you have a use for it!) Having trouble?To enable debugging output to console, append?LR-verbose to your URL. Hacking on LiveReload.jsRequirements:.
Node.js with npmTo install additional prerequisites: npm installTo build: npm run buildTo run tests: npm testManual testing: open files in test/html/. in various browsers, make some changes and make sure they are applied.Testing the Browserify usage scenario: npm run test-manual, then perform manual testing of test/html/browserified/. Releasing a new version.Run npm version with the applicable identifier ( major/ minor/ patch/.).Do some manual testing.Create a release on GitHub.Run npm publish.Licenselivereload-js is available under the MIT license. See the LICENSE file for details.
![](/uploads/1/2/7/5/127585552/777071502.jpg)