Недавно удалил с компьютера Chrome и пересел снова на Firefox, и буквально тут же подглядел у клиента (Игги, привет!) классный плагин для работы со вкладками: Tree Style Tab.
Плагин собирает вкладки в левой части браузера и когда вы переходите по ссылкам внутри какой-то отдельной страницы, он вкладывает их на уровень ниже древовидно, чтобы можно было видеть, как именно вы углубляетесь в исследование какой-то из вкладок.
Выглядит вот так:
Установить плагин можно вот тут:
https://addons.mozilla.org/ru/firefox/addon/tree-style-tab/
Еще я сразу заметил, что пользуюсь все равно верхними вкладками, которые есть стандартно и решил их снести. Для этого можно добавить специальный код в настройку плагина. А чтобы оставшееся места не было просто пустым, подвинул туда строку ввода адреса.
Чтобы это повторить:
- Вводите в строке ввода
about:support
- Находите строчку «Папка профиля», нажимаете «Показать в Finder»
- Заходите внутрь выделенной в Finder папки, создаете в ней папку с названием chrome (маленькими буквами)
- Внутри создаем текстовый файл с названием userChrome.css
- В файл пишем такой код:
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* Adapted from https://www.reddit.com/r/FirefoxCSS/comments/ao3ydl/configuring_firefox_for_tree_style_tab_usage/ */ /* hide native tabs and sidebar header */ #TabsToolbar-customization-target { visibility: collapse; } #navigator-toolbox[inFullscreen="true"] #titlebar { visibility: collapse; } #sidebar-header { visibility: collapse; } /* realign elements */ #nav-bar { margin-top: calc(-1 * var(--tab-min-height)); box-shadow: none !important; } #nav-bar[inFullscreen="true"] { margin-top: unset; margin-right: unset; } .titlebar-buttonbox-container { min-height: var(--tab-min-height); } /* recolor elements and enable window dragging */ #navigator-toolbox { background-color: var(--toolbar-bgcolor); background-image: var(--toolbar-bgimage); background-clip: padding-box; color: var(--toolbar-color); -moz-window-dragging: drag; } #TabsToolbar > .toolbar-items, #TabsToolbar > .titlebar-spacer{ visibility: hidden } #nav-bar{ margin-top: -32px; padding: 0px 15px 0px 75px !important; } /* reducing back buttons scale */ #back-button > .toolbarbutton-icon, #forward-button > .toolbarbutton-icon { transform: scale(.7,.7) !important; }
- Сохраняете файл
- В Фаерфоксе вбиваем в строку ввода about:config
- Поиском находим строчку userprof
- Переключаем toolkit.
legacyUserProfileCustomizations. stylesheets в положение true - Перезапускаем браузер, должно получиться так же, как у меня в скриншоте.