Hide the Firefox chrome

README.md

Hiding Firefox browser chrome

To hide all of the browser chrome in Firefox, you will need to use the browser console, which is similar to the web console but applies to the whole browser. By default, the browser console is readonly. To enable interpretted commands, you'll need to edit the browser config:

• navigate to about:config
• find devtools.chrome.enabled
• set it to true

Then open the browser console:

• On MacOS: cmd + shift + J
• Elsewhere: ctrl + shift + J

And finally, paste in the code below:

(function(){ /*toggle toolbox*/
var doc = Services.wm.getMostRecentWindow("navigator:browser").window.document;
var nt = doc.getElementById("navigator-toolbox");
var ds = nt.style.getPropertyValue("display") == "none";
nt.style.setProperty("display",ds?"-moz-box":"none","important");}
)()

To get the browser chrome back, you can either restart Firefox or run this code in the browser console:

(function(){ /*toggle toolbox*/
var doc = Services.wm.getMostRecentWindow("navigator:browser").window.document;
var nt = doc.getElementById("navigator-toolbox");
var ds = nt.style.getPropertyValue("display") == "";
nt.style.setProperty("display",ds?"-moz-box":"","important");}
)()