• Home
  • Categories
  • WIKI
  • LANGUAGE: en
    • [Share Experiences] firefox 自动隐藏地址栏
    Experiences and Insight 4553 views · 12 replies ·
    Tofloor
    poster avatar
    zrp
    deepin
    2021-11-08 23:06
    Author

    一直以来都想自动隐藏地址栏，今天偶然找到了解决方法，亲测对firefox 94.0.1 有效，当鼠标移到顶部，地址栏会自动出现：
    图片.png

    步骤：

    • 在 about:config 里将 toolkit.legacyUserProfileCustomizations.stylesheets 设置为 true

    • 打开当前配置文件夹下创建 chrome 文件夹：在about:profiles截图_选择区域_20211108144737.png

    • 创建目录 chrome ，在chrome中创建文件 userChrome.css

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

    • 重启浏览器

    • 效果：

    截图_20211108145632.png

    Reply Favorite View the author
    All Replies
    dolphin_roy
    deepin
    2021-11-09 02:22
    #1

    真是出人意料的想法。但这么整咋搜索和打开网址joy

    Reply View the author
    myml
    Super Moderator
    Developer
    2021-11-09 04:38
    #2

    推荐隔壁vivaldi，既能极简也能极繁

    Reply View the author
    sophiajjj
    deepin
    2021-11-09 04:52
    #3

    I always recommend and used Chrome for browsing .... Also have lots of extra advantages.

    Reply View the author
    zrp
    deepin
    2021-11-09 06:53
    #4
    dolphin_roy：

    真是出人意料的想法。但这么整咋搜索和打开网址joy

    用快捷键操作，挺方便的

    Reply View the author
    gbt
    deepin
    2021-11-21 00:55
    #5
    dolphin_roy：

    真是出人意料的想法。但这么整咋搜索和打开网址joy

    地址栏自动隐藏的

    鼠标移到那地址栏就出来了

    Reply View the author
    gbt
    deepin
    2021-11-21 01:07
    #6

    感谢分享！！

    刚用vivaldi觉着隐藏地址栏挺好，又在这发现firefox也可以，正好用上！

    图片.png

    Reply View the author
    gbt
    deepin
    2021-11-21 01:29
    #7

    顺便给你分享一个键盘映射工具xkeysnail

    xkeysnail 是一个键盘工具, 它不仅能重映射键位、按键功能, 还能重映射快捷键, 甚至能在不同的程序下使用不同的映射!
    比如：

    • 你可以把CapsLock这样映射：单按一下触发CapsLock, 而按住则触发ctrl, 这样CapsLock就可以当ctrl用了，不破坏原有功能又可以用作ctrl, 比按下面那个ctrl爽多了
    • 将Alt+hjkl、Alt+wasd映射为上下左右方向键，这样就可以不用去按右下角那老远的方向键了
    • 当然上面这些你也可以按自己的习惯来，它还有其他更多功能可以去他官网看看
    Reply View the author
    zrp
    deepin
    2021-11-21 08:09
    #8
    gbt：

    顺便给你分享一个键盘映射工具xkeysnail

    xkeysnail 是一个键盘工具, 它不仅能重映射键位、按键功能, 还能重映射快捷键, 甚至能在不同的程序下使用不同的映射!
    比如：

    • 你可以把CapsLock这样映射：单按一下触发CapsLock, 而按住则触发ctrl, 这样CapsLock就可以当ctrl用了，不破坏原有功能又可以用作ctrl, 比按下面那个ctrl爽多了
    • 将Alt+hjkl、Alt+wasd映射为上下左右方向键，这样就可以不用去按右下角那老远的方向键了
    • 当然上面这些你也可以按自己的习惯来，它还有其他更多功能可以去他官网看看

    感谢分享！看起来挺实用的

    Reply View the author
    198******05
    deepin
    2022-05-02 23:25
    #9 
    #nav-bar{
  max-height: 0px !important;
  min-height: 0px !important;
}
#urlbar{
  position: relative !important;
  bottom: 0px;
}
#urlbar-container{
  width: 100%;
}
#nav-bar-customization-target{
  position: fixed !important;
  display: inline-flex;
  justify-content:center;
  align-items:flex-start;
  z-index: -1;
  width: calc(100% - 80px);
}
#nav-bar toolbarbutton[open=true],
#nav-bar toolbaritem[open=true],
#nav-bar:focus-within{
  z-index: 1;
}
#nav-bar[customizing=true],
#nav-bar-customization-target[customizing=true]{
  max-height: unset !important;
  min-height: unset !important;
  z-index: 1;
}

    我也发一个，这个是弹出式的，不会侵占网页，使用快捷键ctrl+k,ctrl+l聚焦到地址栏调用。

    使用默认主页的话，放到搜索框也会调用。

    不过在使用定制工具栏页面的时候不正常，希望有大佬能帮忙完善一下。

    Reply View the author
    198******05
    deepin
    2022-05-06 01:12
    #10
    It has been deleted!
    rhymos
    deepin
    2022-05-06 02:20
    #11
    It has been deleted!
    198******05
    deepin
    2022-05-07 00:41
    #12
    198******05： 
    #nav-bar{
  max-height: 0px !important;
  min-height: 0px !important;
}
#urlbar{
  position: relative !important;
  bottom: 0px;
}
#urlbar-container{
  width: 100%;
}
#nav-bar-customization-target{
  position: fixed !important;
  display: inline-flex;
  justify-content:center;
  align-items:flex-start;
  z-index: -1;
  width: calc(100% - 80px);
}
#nav-bar toolbarbutton[open=true],
#nav-bar toolbaritem[open=true],
#nav-bar:focus-within{
  z-index: 1;
}
#nav-bar[customizing=true],
#nav-bar-customization-target[customizing=true]{
  max-height: unset !important;
  min-height: unset !important;
  z-index: 1;
}

    我也发一个，这个是弹出式的，不会侵占网页，使用快捷键ctrl+k,ctrl+l聚焦到地址栏调用。

    使用默认主页的话，放到搜索框也会调用。

    不过在使用定制工具栏页面的时候不正常，希望有大佬能帮忙完善一下。

    又修改了一下，解决了一些小问题

    #nav-bar:not([customizing]){
  max-height: 0px !important;
  min-height: 0px !important;
  z-index: 1;
}
#urlbar{
  position: relative !important;
}
#urlbar-container{
  width: 100%;
}
#nav-bar:not([customizing]) > #nav-bar-customization-target:hover,
#nav-bar:not([customizing]) > #nav-bar-customization-target:focus-within{
  position: fixed !important;
  display: inline-flex;
  justify-content:center;
  align-items:flex-start;
  width: calc(100% - 80px);
}
    Reply View the author