那,最近更新了Firefox到89版本,发现标签页跑底部了,操作方式非常奇怪。我的预期是菜单栏、地址栏、书签栏和标签栏。

搜了下解决方案,方案需要定位自己火狐数据所在文件夹,如何定位自行搜索。

下面说标签页如何显示到书签栏下方的方法:

  1. 定位到Firefox用户数据目录,创建chrome文件夹并进入chrome文件夹
  2. 创建userChrome.css
  3. 将如下代码添加到userChrome.css中:

    /* TABS: on bottom - 89+ */

    *|*:root {
    --tab-toolbar-navbar-overlap: 0px !important;

    --tab-min-height: 32px !important; /* adjust to suit your needs */
    --tab-min-width: 80px !important; /* adjust to suit your needs */

    --menubar-height: 34px;
    --bookmarkbar-height: 32px;
    --tabbar-top: calc(var(--menubar-height) + var(--bookmarkbar-height) + var(--tab-min-height) + 9px); /*89+*/
    }

    #navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
    #TabsToolbar {-moz-box-ordinal-group:1000!important}

    #TabsToolbar {
    display: block !important;
    position: absolute !important;
    top: var(--tabbar-top) !important;
    width: 100vw !important;
    }

    #tabbrowser-tabs {
    width: 100vw !important;
    }

    /* navigator-toolbox - padding */
    *|*:root:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: calc(var(--tab-min-height) + 1px) !important; /*adjust*/
    }

    /* TABS: height */
    #tabbrowser-tabs,
    #tabbrowser-tabs .tabbrowser-tab {
    min-height: var(--tab-min-height) !important;
    max-height: var(--tab-min-height) !important;
    }

    #TabsToolbar {
    height: var(--tab-min-height) !important;
    margin-bottom: 1px !important;
    box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important; /* omit */
    background-color: var(--toolbar-bgcolor) !important;
    color: var(--toolbar-color) !important;
    }

    /* drag space */
    .titlebar-spacer[type="pre-tabs"],
    .titlebar-spacer[type="post-tabs"] {
    width: 40px;
    }

    /* Override vertical shifts when moving a tab */
    #navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
    padding-bottom: unset !important;
    }
    #navigator-toolbox[movingtab] #tabbrowser-tabs {
    padding-bottom: unset !important;
    margin-bottom: unset !important;
    }
    #navigator-toolbox[movingtab] > #nav-bar {
    margin-top: unset !important;
    }

    /* hide indicators and caption buttons */
    #TabsToolbar .private-browsing-indicator {display: none !important;}
    #TabsToolbar .accessibility-indicator {display: none !important;}
    #TabsToolbar .titlebar-buttonbox-container {display: none !important;}
  4. 保存css文件后重启Firefox即可。

参考资料

Firefox 89 Moves My Tabs To The Bottom – HELP!


如您从本文得到了有价值的信息或帮助,请考虑扫描文末的二维码对我进行赞赏和鼓励。

与《Firefox 89 标签页如何显示到书签栏下方》相关的博文:


发布时间 06/10/2021 07:02:41所属栏目 Software.所属标签 .

留言

avatar
😀
😀😁😂😅😭🤭😋😘🤔😰😱🤪💪👍👎🤝🌹👌