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;
    }
}

重启浏览器即可生效

标签栏和地址栏会自动隐藏,鼠标移动到顶端即可显示,完美… 效果图: -w781

-w784

配置参考

使用中有点小问题,在mac下左上角的三个按钮变得很难点,但可以使用快捷键代替 - 关闭:command+shift+w - 隐藏:command+m - 全屏:command+shift+f

本文链接:参与评论 »

--EOF--

Comments