Hide address bar and tool bar for security compliance
I am building a computer kiosk that utilizes Firefox Quantum ESR 60.3 to access sensitive data, and therefore has to fit certain security compliance standards. Part of these standards include hiding the address bar and toolbar in order to restrict access to settings to users. I've tried implementing a "userChrome.css" script to hide it but I think that solution does not work for versions after 57 as it did not work. I've also tried editing the profile's "prefs.js" file to no avail.
Is there a solution to hide the address bar/toolbar that works with the newest version of Firefox Quantum ESR?
Here's a link to the userChrome solution: https://superuser.com/questions/977912/firefox-hide-everything-except-content-area-of-the-browser/1269912#1269912
All Replies (3)
Customize Firefox controls, buttons and toolbars
Type about:customizing<enter> in the address bar.
Note: about:customizing is no longer present
in Firefox 47+ releases.
- Press Alt or F10 to bring up the toolbar.
Then View > Toolbars > Customize. - Right-click on a blank spot in the toolbar and select Customize.
Look for Show / Hide Toolbars at the bottom left.
There is also a Restore Defaults button at the bottom middle.
FredMcD, thanks for your response. Unfortunately, when you use that utility, it does not allow you to remove the address bar. Additionally, as I am using Firefox ESR 60.3, I am not able to use the about:customizing utility. Do you konw of any other way to hide the address bar?
If you want to hide the entire Navigation toolbox area with all toolbars then you can use the first code in userChrome.css.
Add code to the userChrome.css file below the default @namespace line.
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
/* hide entire navigator toolbox*/
#navigator-toolbox { display:none !important; }
These are the IDs of all the toolbars.
/* IDs for allr toolbars */
#toolbar-menubar,
#nav-bar,
#PersonalToolbar,
#TabsToolbar {display:none!important;}
It is not that difficult to create userChrome.css if you have never used it.
The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.
You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted.
In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userChrome.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".
You need to close and restart Firefox when you create or modify the userChrome.css file.