Как скрыть панель вкладок (tabstrip) в Firefox 57+ Quantum

52

Как скрыть / отключить / удалить панель вкладок в Firefox 57+ («Квант»)?

Цель состоит в том, чтобы просто полностью скрыть панель вкладок. Полезно, если в сочетании с такими расширениями, как «Tree Style Tab».

Примечание: здесь аналогично выглядит вопрос: Firefox скрывает все, кроме области содержимого браузера, но он неправильно разделен на логически независимые задачи. Кроме того, это устарело.

firefox firefox-extensions firefox-57

— VasyaNovikov
источник

Для получения дополнительной информации я добавил новый ответ в связанный вопрос, который использует, userChrome.cssно с другим именем элемента и идентификатором.

— Clearkimura

56

Откройте Firefox "каталог профиля"
- Официальные документы, как это сделать: https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data#w_how-do-i-find-my-profile
- Или просто открыть ~/.mozilla/firefox/<profile>в Linux, ~/Library/Application Support/Firefox/Profiles/<profile folder>или ~/Library/Mozilla/Firefox/Profiles/<profile folder>в OSX, %appdata%\Mozilla\Firefox\Profiles\<profile folder>в Windows
Создать каталог, chromeесли он не существует
Создайте файл userChrome.cssвнутри, если он не существует.

Добавьте этот текст в файл:

#TabsToolbar { visibility: collapse !important; }

Сохраните файл и перезагрузите Firefox. Вы не должны видеть больше панели вкладок больше.
Если у вас Firefox69 + (стабильная версия, которая будет выпущена в сентябре), установите для конфигурации toolkit.legacyUserProfileCustomizations.stylesheetsзначение true.

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

— VasyaNovikov
источник

9

Вот простой способ открыть каталог вашего профиля: support.mozilla.org/en-US/kb/…

— thSoft

Это выглядит немного уродливо, где вы нашли макет DOM (как вы знали, как использовать #tabbrowser-tabs)? На OSX я думаю, что для этого нужна минимальная высота (или что-то) i.imgur.com/oJOinx4.png

— Хайд

Настройка, #TabsToolbar { height: 40px; }кажется, делает свое дело, кажется, не имеет значения, какую высоту я там положил, так что происходит что-то странное. Примечание: я нашел здесь идентификаторы .

— Хайд

1

@hayd спасибо за ваши комментарии! Я попробовал ваше решение для Linux, но оно не сработало. Это работает, хотя: #TabsToolbar { visibility: collapse !important; } Можете ли вы проверить этот код в вашей ОС, чтобы увидеть, работает ли он? (Было бы хорошо найти общее решение, которое работает на любой ОС.)

— VasyaNovikov

1

Селекторы CSS снова изменились в Firefox 66. Вот новый CSS, который прекрасно работает на macOS: gist.github.com/stevelandeyasana/…

— Стив Лэнди

8

К сожалению, эта конкретная настройка пользовательского интерфейса в настоящее время невозможна через поддерживаемые API-интерфейсы Firefox Quantum; правильное решение будет возможно после устранения ошибки 1332447 .

До этого момента ВасяНовиков работал над корректировкой userChrome.css, хотя редактирование этого файла - это, безусловно, вариант, не поддерживаемый официально, на свой страх и риск.

— Callahad
источник

8

Я хочу, чтобы панель вкладок автоматически скрывалась, когда есть 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-child:last-child { display: none !important; }

— Арон-BRU
источник

В Firefox 59 этот userChrome.css не работает должным образом: последняя вкладка скрыта, но +кнопка все еще видна и, таким образом, отображается вся область вкладки.

— gioele

2

@gioele Это должно сработать, если вы перейдете в Customize Firefox и перетащите кнопку новой вкладки из панели вкладок, ее можно разместить на главной панели инструментов или в меню. Если вы действительно хотите это там, я не пробовал этого, потому что я не использую эту кнопку, но если кто-то придумает ее, я могу отредактировать ответ.

— Аарон-Брю

Действительно, это работает, как только вы удалите +кнопку.

— Джоеле

1

Я перевёл ответ ВасяНовикова в суть для работы на моем Linux и OS X boxen, надеюсь, он поможет кому-то еще с несколькими личными машинами. Я также хочу отметить, что после применения его ответа кнопка «Назад» будет находиться под кнопкой «Закрыть» в OS X. Исправление заключается в вставке трех гибких пробелов в панель инструментов (щелкните правой кнопкой мыши на панели инструментов, выберите «Настроить ...», затем вставить три пробела, чтобы кнопка «Назад» переместилась вправо).

Если у кого-то есть правильный CSS-код для вставки в userChrome.css, чтобы добиться аналогичного эффекта для кнопки «Назад», то это будет с благодарностью.

— user821800
источник