firefox浏览器隐藏标签栏和地址栏

最近疫情一直没有好转，公司一直采取的居家办公，家里有一个13寸的笔记本和一个拓展的显示器，正好用13寸的笔记本显示器放监控页面，用拓展的显示器办公，但是在13寸显示器上放多个网页时内容显得好挤，屏幕本身就小，浏览器的标签栏和地址栏就占了好大地，随从网上找了隐藏firefox浏览器多余部分方式：userChrome.css,配置方式记录一下。

配置过程

地址栏输入：about:config -> 选择接受风险并继续
toolkit.legacyUserProfileCustomizations.stylesheets > true

-w1309 -w1309

地址栏输入： about:support -> 打开firefox配置文件目录(macos系统下：/Users/xxx/Library/Application Support/Firefox/Profiles/jho4709i.default-release) -> 创建chrome目录 -> 创建userChrome.css

-w1316 -w811

编辑userChrome.css，用命令行vim即可，内容如下：

/*
Firefox Hide Header / Navigator / Top / Tabs / Address / Toolbox

Step 1:
about:config > toolkit.legacyUserProfileCustomizations.stylesheets > true

Step 2:
about:support > Click on "Profile Folder" -> "Open Folder"
Create folder "chrome" here, and put this file in (as "userChrome.css").

More:
Tutorial: How to create and live-debug userChrome.css : FirefoxCSS
https://www.reddit.com/r/FirefoxCSS/comments/73dvty/tutorial_how_to_create_and_livedebug_userchromecss/
*/
@-moz-document url("chrome://browser/content/browser.xul"),
url("chrome://browser/content/browser.xhtml") {
    /*
    隐藏顶部栏
    第一行15px是顶部触发显示的高度。
    如果只需要隐藏地址栏，保留标签栏，用 #nav-bar，然后可能需要适度调节。
    */
    #navigator-toolbox {
        max-height: 15px !important;
        overflow: hidden !important;
        z-index: 1000 !important;
        background: black !important;
        opacity: 0 !important;
        margin-bottom: -15px !important;
        transition: all .2s !important;
    }

    #navigator-toolbox:hover {
        max-height: none !important;
        opacity: 1 !important;
        margin-bottom: 0 !important;
    }

    /*
    窗口最大化时 #titlebar 会多出来一个 padding-top:8px，但没找到哪儿设的。
    会导致显示区上移8px，这里补回来。
    顶部hover时，显示区和顶部间还是有8px的margin，平时看不到就先不管了。
    */
    html[sizemode="maximized"] #browser{
        margin-top: 8px !important;
    }
}