Firefox 自动隐藏显示工具栏

aunsen
aunsen
aunsen
11
文章
57
评论
2020年6月10日17:02:45 8 724

总有人特别是笔记本用户总是按下 F11 浏览网页,但是又不是特别方便操作,便想方设法提高网页浏览面积,使用 Firefox 的有福了,先看演示图

效果还可以吧,上代码(在 Firefox Nightly 79 测试有效):

/* hide navbar */
 #nav-bar:not([customizing]) {
    visibility: visible !important;
    margin-top: -40px;
    transition-delay: 1s;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: visibility ease 0.3s, margin-top ease 0.3s, opacity ease 0.3s !important;
}
:root:not([customizing]) :hover > #nav-bar, #nav-bar:focus-within, #identity-box[open="true"], #navigator-toolbox:hover > #nav-bar:not([customizing]), #toolbar-menubar:not([inactive="true"]) ~ #nav-bar:not([customizing]) {
    visibility: visible !important;
    margin-top: 0;
    filter: alpha(opacity=100);
    opacity: 100;
}
#nav-bar .toolbarbutton-1[open="true"] {
    visibility: visible;
    margin-top: 0px;
    opacity: 100;
}
注意:默认主题密度是普通模式,如果使用紧凑模式则需要把margin-top: -40px;改成margin-top: -32px;

如何使用:

  1. 在 about:config 里将 toolkit.legacyUserProfileCustomizations.stylesheets 设置为 true
  2. 打开当前配置文件夹下创建 chrome 文件夹
  3. 在 chrome 文件夹里创建 userChrome.css 文件,并讲上面的代码粘贴并保存
  4. 重启 Firefox

 

详细步骤参考下面这篇文章:

Firefox 自动隐藏显示工具栏
如何使用 userChrome.css 自定义 Firefox 的用户界面

默认情况下,userChrome.css 文件不存在的,如果要进行调整,应该在 Firefox 配置文件夹中的适当位置创建该文件

Follow me

 

aunsen
  • 本文由 发表于 2020年6月10日17:02:45
  • 转载请务必保留本文链接:https://sunbox.cc/firefox-hide-navbar.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

评论:8   其中:访客  5   博主  3
    • 999 999 3

      我需要盒狐

        • aunsen aunsen

          @ 999 名字都没有不配说话 :idea:

        • 独 3

          我不仅要盒狐,也要盒妹!!

            • aunsen aunsen

              @ 你走开! :mad:

              • 龙笑天 龙笑天 3

                @ 666 是这个盒妹 :grin:

              • Alex Alex 3

                大佬上个版本firefox的新标签页还有吗,当时没看到但是好好看,能发出来吗 :shock: 期待!

                  • aunsen aunsen

                    @ Alex my newtab?
                    https://github.com/sakuyaa/myNewTabWE/releases

                  • Iooooou Iooooou 3

                    wo草,如此优秀!