What file is Firefox using for userContent.css
I'd like to know if Firefox has found my css modifications. Is there a way of querying the location of the file that Firefox is using? I had a situation where Firefox didn't find my userContent.css. How would I diagnose this.
I find this code fragment around the internet. I attempted to run it, but got an error.
Components.classes["@mozilla.org/file/directory_service;1"].getService( Components.interfaces.nsIProperties).get("ProfD", Components.interfaces.nsIFile).path
I got these errors. Use of getPreventDefault() is deprecated. Use defaultPrevented instead. common-min.0cd8251fe9d4.js:4:25928 Error: Error retrieving geoip data
common-min.0cd8251fe9d4.js:10:17360
"The version of Tabzilla you are using is deprecated and will be removed in the future.
Please update to the new static version here: https://github.com/mozilla/tabzilla/" tabzilla.js:612:17 The Components object is deprecated. It will soon be removed.
Chosen solution
You need to evaluate that code in the Browser Console to find the path to the current profile folder.
Components.classes["@mozilla.org/file/directory_service;1"].getService( Components.interfaces.nsIProperties).get("ProfD", Components.interfaces.nsIFile).path
You need to set devtools.chrome.enabled to true on the about:config page to enable the command line in the Browser Console.
Paste the JavaScript code in the command line. Press the Enter key to evaluate the JavaScript code.
The built-in Page Inspector also shows rules added via userContent.css to a website as (user agent) rules with a link to the userContent.css file.
- https://developer.mozilla.org/Tools/Page_Inspector
- https://developer.mozilla.org/Tools/Page_Inspector/How_to
You can use the DOM Inspector to see what rules are applied to an element. This includes rules added via userChrome.css and userContent.css.
- DOM Inspector: https://addons.mozilla.org/firefox/addon/dom-inspector-6622/
- Element Inspector: https://addons.mozilla.org/firefox/addon/element-inspector/
See also:
- https://developer.mozilla.org/DOM_Inspector
- https://developer.mozilla.org/Introduction_to_DOM_Inspector
All Replies (2)
Chosen Solution
You need to evaluate that code in the Browser Console to find the path to the current profile folder.
Components.classes["@mozilla.org/file/directory_service;1"].getService( Components.interfaces.nsIProperties).get("ProfD", Components.interfaces.nsIFile).path
You need to set devtools.chrome.enabled to true on the about:config page to enable the command line in the Browser Console.
Paste the JavaScript code in the command line. Press the Enter key to evaluate the JavaScript code.
The built-in Page Inspector also shows rules added via userContent.css to a website as (user agent) rules with a link to the userContent.css file.
- https://developer.mozilla.org/Tools/Page_Inspector
- https://developer.mozilla.org/Tools/Page_Inspector/How_to
You can use the DOM Inspector to see what rules are applied to an element. This includes rules added via userChrome.css and userContent.css.
- DOM Inspector: https://addons.mozilla.org/firefox/addon/dom-inspector-6622/
- Element Inspector: https://addons.mozilla.org/firefox/addon/element-inspector/
See also:
Thanks.
Robert