Chromeless Firefox
I need Firefox Version 71.0 (64-bit) to open in a chromeless window with NO tabs, NO address bar, NO search bar, NO back/forward, NO menus, NO buttons, NO add-on icons, NO favorites, NO pocket menu, NOTHING but the title bar, window boarder, and the contents of the page that I'm viewing. My first stop was the "customize..." option in the Firefox menu. Why can't I "customize..." Firefox so that the address bar, and navigation buttons are hidden?. And why is there no way to disable+hide the use of tabs in "Preferences"?. I spent the better part of two weeks searching the Internet (and Firefox add-ons) trying to find a way to achieve this chromeless experience. I remembered that there is JavaScript that will automatically open a webpage's popup window(s) in a chromeless mode. I found examples online and decided to create a local ".html" file on my Linux Mint 19.2 (XFCE) system, add the code, then have Firefox open this local page (file:/home/user/Documents/index.html) instead of a online homepage. I disabled the "Block pop-up windows" option, and added the local "index.html" file to the exceptions. It didn't work. I checked the "about:config" settings in Firefox and found JavaScript to already be enabled. I used all the examples I found online, but none of them seem to work.
All Replies (8)
Any suggestions or work around for Firefox, or Linux Mint 19.2 would be greatly appreciated.
Hi,
Since you want to keep the titlebar visible, the only way I can think of achieving this is by creating a userChrome.css file. Inside that file you'll be able to hide those chrome widgets with CSS rules. You can find more information on how to create a userChrome.css file at the following URL: https://www.userchrome.org/how-create-userchrome-css.html
However, keep in mind that the userChrome.css is not officially supported and can break at any time (not dangerous). By that I mean that your CSS rules can stop working and you'll need to change them.
Thank you for the suggestion. I created the file and used
- navigator-toolbox { display: none }
within the .css file. After restarting Firefox, everything that I wanted to be gone was gone, but Firefox wasn't displaying my homepage
Do I need to add more to the .css file?
Note that Firefox 71 comes with a Kiosk mode that you can give a try.
@cor-el That would work but I don't want a full screen mode. I need to have other windows open on my desktop at the same time.
linux_sy_mu9 said
After restarting Firefox, everything that I wanted to be gone was gone, but Firefox wasn't displaying my homepage Do I need to add more to the .css file?
Go to about:preferences#home and set the Homepage and new windows option to Custom URLs.
cor-el said
Note that Firefox 71 comes with a Kiosk mode that you can give a try.
Kiosk Mode hides the titlebar since it opens Firefox in fullscreen mode.
My preferences are already set to a custom url. I'm using duckduckgo
I suggested kiosk mode because that mode is likely designed to work without problems with these elements hidden. If you use CSS code in userChrome.css to hide content then it is always possible to get weird effects in case Firefox wants or needs to open a drop down doorhanger that is anchored to an element you removed. Best is to use "visibility collapse;" to hide content instead of "display:none;" that will hide the content in the DOM.
Modified by cor-el