Як приховати панель вкладок (tabstrip) у Firefox 57+ Quantum


56

Як приховати / відключити / видалити панель вкладок у Firefox 57+ ("Quantum")?

Мета - повністю приховати панель вкладок. Корисно, якщо в парі з розширеннями типу "Дерево стилю вкладки".

Примітка: тут є подібне питання: Firefox приховує все, окрім області вмісту браузера, але це не належним чином розділено на логічно незалежні завдання. Також застаріла.


Для інформації про ОП я додав нову відповідь у пов'язане запитання, яке використовується, userChrome.cssале з різними назвою та ідентифікатором елемента.
клеаркімура

Ось ви можете отримати інструменти розробників, щоб знайти ідентифікатори елементів стилів та стилі тестування в прямому ефірі: reddit.com/r/FirefoxCSS/comments/73dvty/…
Tim Abell,

Відповіді:


63
  1. Відкрийте свій Firefox "каталог профілю"
  2. Створіть каталог, chrome/якщо він не існує
  3. Створіть файл chrome/userChrome.cssвсередині, якщо його не існує.
  4. Додайте цей текст у файл:

    #TabsToolbar { visibility: collapse !important; }
    
  5. Переконайтесь, що для конфігурації toolkit.legacyUserProfileCustomizations.stylesheetsвстановлено значення true(необхідне для Firefox69 +, стабільна версія з вересня 2019 року), дивіться цей підручник .

  6. Збережіть файл та перезавантажте firefox. Ви більше не повинні бачити панель вкладок.

PS Рішення частково взято звідси: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/


9
Ось простіший спосіб відкрити каталог вашого профілю: support.mozilla.org/en-US/kb/…
thSoft

Це виглядає трохи некрасиво, де ти знайшов макет DOM (як ти це знав використовувати #tabbrowser-tabs)? На OSX я думаю, що для цього потрібна мінімальна висота (або щось таке) i.imgur.com/oJOinx4.png
hayd

Налаштування, #TabsToolbar { height: 40px; }здається, робить трюк , здається, не має значення, яку висоту я поставив туди, тож щось дивне відбувається. Примітка: Я знайшов йду тут .
гайд

1
@hayd дякую за ваші коментарі! Я спробував ваше рішення на Linux, але це не вийшло. Це працює, однак: #TabsToolbar { visibility: collapse !important; } Чи можете ви протестувати цей код на вашій ОС, щоб перевірити, чи працює він? (Було б добре знайти спільне рішення, яке працює на будь-якій ОС.)
VasyaNovikov

1
Вибір CSS знову змінився у Firefox 66. Ось новий CSS, який чудово працює на macOS: gist.github.com/stevelandeyasana/…
Стів Ланді

9

Я хочу, щоб панель вкладок автоматично приховувалась, коли є 1 вкладка, і з’являлася, коли їх кілька. Не те саме, що питання, але це стосується єдиного результату Google зараз для 57+, тому для тих, хто цього потребуєuserChrome.css

#tabbrowser-tabs, #tabbrowser-tabs arrowscrollbox { min-height: 0 !important; }
#tabbrowser-tabs tab { height: var(--tab-min-height); }
#tabbrowser-tabs tab:first-of-type:last-of-type { display: none !important; }

У Firefox 59 цей userChrome.css не працює належним чином: остання вкладка прихована, але +кнопка все одно видна, і таким чином відображається вся область вкладки.
gioele

2
@gioele Це має спрацювати, якщо ви перейдете до "Налаштувати Firefox" і перетягніть нову кнопку вкладки з панелі вкладок, її можна розмістити на головній панелі інструментів або в меню. Якщо ви дійсно хочете його там, я не пробував цього, тому що не використовую цю кнопку, але якщо хтось придумає, я можу відредагувати відповідь.
aaron-bru

Дійсно, це працює, як тільки ви видалите +кнопку.
gioele

8

На жаль, ця конкретна настройка користувальницького інтерфейсу наразі неможлива через підтримувані додатки API Firefox Quantum; правильне рішення буде можливим, як тільки помилка 1332447 буде вирішена.

До цього часу налаштування Вася Новикова userChrome.cssпрацює, хоча редагування цього файлу, безумовно, є вашим власним ризиком, а не офіційно підтримується.


1

Я відповів Васією Новикову в суть, щоб запустити мій Linux та OS X boxen, сподіваюся, це допомагає комусь іншому там, де є декілька особистих машин. Хочу також зазначити, що після застосування його відповіді кнопка "назад" буде розташовуватися під кнопкою "Закрити" в ОС X. Виправлення полягає в тому, щоб вставити три гнучкі пробіли на панель інструментів (клацніть правою кнопкою миші на панелі інструментів, виберіть Налаштувати ..., потім вставити три пробіли, щоб кнопка "назад" рухалася праворуч).

Якщо хтось має право CSS вставляти в userChrome.css для досягнення еквівалентного ефекту на задній кнопці, то це буде дуже вдячно.


1

Додати в userChrome.css

#TabsToolbar {
    visibility: collapse;
}

#titlebar {
    margin-bottom: -25px !important;
}

#titlebar-buttonbox {
    height: 32px !important;
}

#nav-bar {
    margin-right: 42px;
}

#main-window[sizemode="maximized"] #nav-bar {
    margin-right: 42px;
}

Працює на Firefox 70.0, але _ □ Xвідсутні.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.