Skip to content

Instantly share code, notes, and snippets.

@jscher2000

jscher2000/reload_userChrome_css.js

Created July 27, 2019 01:31
Show Gist options
  • Star 12 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save jscher2000/ad268422c3187dbcbc0d15216a3a8060 to your computer and use it in GitHub Desktop.
Save jscher2000/ad268422c3187dbcbc0d15216a3a8060 to your computer and use it in GitHub Desktop.
Download ZIP
Browser Console script to reload userChrome.css
Raw
reload_userChrome_css.js
/*
Code to paste and run in the Browser Console
Requires devtools.chrome.enabled => true in about:config
Tested in Firefox 68.0.1 on Windows
*/
// Create references to APIs we'll use
var ss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
var io = Cc["@mozilla.org/network/io-service;1"].getService(Ci.nsIIOService);
var ds = Cc["@mozilla.org/file/directory_service;1"].getService(Ci.nsIProperties);
// Get the chrome directory in the current profile
var chromepath = ds.get("UChrm", Ci.nsIFile);
// Specific file: userChrome.css or userContent.css
chromepath.append("userChrome.css");
// Morph to a file URI
var chromefile = io.newFileURI(chromepath);
// Unregister the sheet
if(ss.sheetRegistered(chromefile, ss.USER_SHEET)){
ss.unregisterSheet(chromefile, ss.USER_SHEET);
}
// Reload the sheet
ss.loadAndRegisterSheet(chromefile, ss.USER_SHEET);
@jscher2000
Copy link
Author

This kind of works. https://www.reddit.com/r/FirefoxCSS/comments/cia5n2/is_there_a_way_to_refresh_userchromecss_without/

@gabrielpetry
Copy link

gabrielpetry commented Apr 18, 2020 •
edited

you can embrace on a loop, if you are as lazy as I am.

setInterval(() => {
    /*
       Code to paste and run in the Browser Console
       Requires devtools.chrome.enabled => true in about:config
       Tested in Firefox 68.0.1 on Windows
    */

    // Create references to APIs we'll use
    var ss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
    var io = Cc["@mozilla.org/network/io-service;1"].getService(Ci.nsIIOService);
    var ds = Cc["@mozilla.org/file/directory_service;1"].getService(Ci.nsIProperties);
      
    // Get the chrome directory in the current profile
    var chromepath = ds.get("UChrm", Ci.nsIFile);

    // Specific file: userChrome.css or userContent.css
    chromepath.append("userChrome.css");

    // Morph to a file URI
    var chromefile = io.newFileURI(chromepath);

    // Unregister the sheet
    if(ss.sheetRegistered(chromefile, ss.USER_SHEET)){
      ss.unregisterSheet(chromefile, ss.USER_SHEET);
    }

    // Reload the sheet
    ss.loadAndRegisterSheet(chromefile, ss.USER_SHEET);
}, 1000)

@Lassebq
Copy link

Lassebq commented Jul 22, 2023 •
edited

How would you do the same with userContent.css? I want to refresh userContent.css on all tabs, kinda how vscode's live server does it.
EDIT: Replacing userChrome.css does exactly that

@omnigenous
Copy link 

Uncaught ReferenceError: Cc is not defined

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment