I am developing an ASP.net application.
Where I have to frequently update my CSS file. I don\'t want to update document frequency setting in from about:config<
Using an ETag would be a good option. By setting the Max-Age Header in HTTP responses, you can allow the client to cache the resource for a limited time. After that time, the client will make a conditional GET request to the server. If the ETag (stored in the If-None-Match header) in the request doesn't match the ETag on the server, the modified resource will be sent down to the client. Otherwise the server responds with HTTP 304 Not Modified and the client can cache the content for a limited time again. This approach can be used for particular files or for directories.
Add a last update time stamp to the linked file. This is what it would look like in php
<link type="text/css" rel="stylesheet" href="css/style.css?lu=<?php echo filectime('css/style.css') ?>" />
This will cause the browser to reload the file only when the file is updated.
If I remember correctly, the keycombination CTRL + F5 cleats the cache and the css-files have to be reloaded.
This is possible via a few lines of script (to be run on the Browser Console, Ctrl+Shift+J
):
// load the disk cache
var cacheservice = Components.classes["@mozilla.org/netwerk/cache-storage-service;1"]
.getService(Components.interfaces.nsICacheStorageService);
var {LoadContextInfo} = Components.utils.import("resource://gre/modules/LoadContextInfo.jsm",{})
var hdcache = cacheservice.diskCacheStorage(LoadContextInfo.default, true);
// compose the URL and submit it for dooming
var uri = Components.classes["@mozilla.org/network/io-service;1"]
.getService(Components.interfaces.nsIIOService).newURI(prompt("Enter the URL to kick out:"), null, null);
hdcache.asyncDoomURI(uri, null, null);
As long as you know the absolute URL of the CSS file, you could replace prompt("Enter the URL to kick out:")
with the URL.
Adapted from DoomEntry.js, confirmed to work on latest Firefox (Quantum) as well.