Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do I make Firefox auto-refresh on file change?

Does anyone know of an extension for Firefox, or a script or some other mechanism, that can monitor one or more local files. Firefox would auto-refresh or otherwise update its canvas when it detected a change (of timestamp) in the files(s).

For editing CSS, it would be ideal if just the CSS could be reloaded, rather than a full HTML re-render.

Effectively it would enable similar behaviour to Firebug with its dynamic HTML/CSS editing, only through external files.

like image 549
Charles Roper Avatar asked Aug 28 '09 12:08

Charles Roper


People also ask

How do I get Firefox to auto refresh?

Restart the Mozilla Firefox browser and access again the Deep Security Manager console. Right-click the tab that you want to refresh automatically and select Reload Tab. Set the interval you want for refreshing the page. Verify that the page refreshes automatically within the selected interval.

Can you set auto refresh?

It's as simple as going to your browser's app/extension store and finding one you like: Launch your browser. Go to app/extension store (Chrome Web Store, Firefox Add-Ons, Microsoft Edge Add-ons Store, etc.). Enter “auto-refresh” in the search bar.

How do I make HTML auto refresh?

Approach 1: One can auto refresh the webpage using the meta tag within the head element of your HTML using the http-equiv property. It is an inbuilt property with HTML 5. One can further add the time period of the refresh using the content attribute within the Meta tag.

What is auto refresh?

To retrieve, scan or display information at predescribed intervals. The term refers to a variety of concepts, but it implies that an operation is performed automatically over and over again such as retrieving the latest data from a news feed every five minutes.


1 Answers

Live.js

From the website:

How? Just include Live.js and it will monitor the current page including local CSS and Javascript by sending consecutive HEAD requests to the server. Changes to CSS will be applied dynamically and HTML or Javascript changes will reload the page. Try it!

Where? Live.js works in Firefox, Chrome, Safari, Opera and IE6+ until proven otherwise. Live.js is independent of the development framework or language you use, whether it be Ruby, Handcraft, Python, Django, NET, Java, Php, Drupal, Joomla or what-have-you.

It has the huge benefit of working with IETester, dynamically refreshing each open IE tab.

Try it out by adding the following to your <head>

<script type="text/javascript" src="http://livejs.com/live.js"></script> 
like image 131
Charles Roper Avatar answered Oct 10 '22 06:10

Charles Roper