☰

Firefox，如何使标签尺寸非常小并且没有标签滚动按钮

tag-icon • tag-icon firefox browser-tabs tabs about-config
Firefox，如何使标签尺寸非常小并且没有标签滚动按钮

Chrome 和 Firefox 都引入了搜索标签列表菜单。

在此处输入图片描述

在我看来，这完全消除了 Firefox 的选项卡滚动功能的需要（在我看来非常烦人）（即当他们认为视图中的选项卡太多时，<选项>卡行上会出现按钮，以便您可以左右滚动）。 在此处输入图片描述

我想禁用该功能。我不想“将 Firefox 变成 Chrome”，出于很多其他原因，我更喜欢 Firefox，但我想消除</>按钮带来的烦恼（老实说，这是让我最不喜欢 Firefox 的原因之一 - 我只是觉得这些按钮毫无用处，而且无法在一个视图中直观地看到所有选项卡，这很烦人）。

我发现，如果你去about:config，然后搜索browser.tabs.tabMinWidth，然后调整大小。在五六年前的一篇文章中，它说你可以把这个值减小到 0，但我发现这是不可能的，而且2019 年文章据说它被限制为最小 50 像素。还有本文从 11 年前开始，它对于现代 Firefox 来说是多余的。

有没有办法禁用标签滚动左/右按钮</>和/或将标签像素宽度减少为“0”或“1”？

答案1

  1. 在地址栏中输入 about:config，然后在该页面的搜索中输入 toolkit.legacyUserProfileCustomizations.stylesheets。将设置从 false 改为 true。

  2. 在地址栏中输入 about:support 来找到您的用户配置文件夹。

  3. 编辑/创建chrome/userChrome.css在您的个人资料中添加以下几行...

.tabbrowser-tab {
    min-width: initial !important;
}
.tab-content {
    overflow: hidden !important;
}
  1. 重启 Firefox

答案2

遇到了同样的问题。可用的解决方案会导致闪烁，其中标签列表不断尝试在滚动和非滚动之间切换。以下是我解决它的方法：

  1. 设置为about:config​browser.tabs.tabMinWidth1。

  2. 将此样式添加到userChrome.css：

    .tabbrowser-tab:not([pinned]) {
  min-width: 1px !important;
}

  3. 安装此用户脚本：

    // ==UserScript==
// @name            noTabScroll
// @author          blackle
// @include         main
// @startup         UC.noTabScroll.exec(win);
// @shutdown
// @onlyonce
// ==/UserScript==

UC.noTabScroll = {
  exec: function (win) {
    let {customElements} = win;

    const old_on_underflow = customElements.get('arrowscrollbox').prototype.on_underflow;
    customElements.get('arrowscrollbox').prototype.on_underflow = function (e) {
      if (this.id === "tabbrowser-arrowscrollbox") {
        e.preventDefault();
        return;
      }
      old_on_underflow.call(this, e);
    };
    const old_on_overflow = customElements.get('arrowscrollbox').prototype.on_overflow;
    customElements.get('arrowscrollbox').prototype.on_overflow = function (e) {
      if (this.id === "tabbrowser-arrowscrollbox") {
        e.preventDefault();
        return;
      }
      old_on_overflow.call(this, e);
    };
    customElements.get('tabbrowser-tabs').prototype._initializeArrowScrollbox = function () {
      return;
    };
  },
}

更详细的指南请参见此页面：https://suricrasia.online/firefox/

相关内容