This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Caută ajutor

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Află mai multe

Acest fir de discuție a fost arhivat. Adresează o întrebare nouă dacă ai nevoie de ajutor.

Hide address bar and tool bar for security compliance

  • 3 răspunsuri
  • 1 are această problemă
  • 1 vizualizare
  • Ultimul răspuns de cor-el

needy_sysadmin
needy_sysadmin
more options

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

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

Toate răspunsurile (3)

FredMcD
FredMcD
more options

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.

needy_sysadmin
needy_sysadmin Deținătorul întrebării
more options

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?

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

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.