Декабрь
16
2010

Древовидные вкладки в Firefox

Древовидные вкладки в Firefox

Есть такое понятие, как синдром википедии, это когда человек читает википедию, а незнакомое понятие открывает в новой вкладке, что-бы позже с ним ознакомится. Чтение большой статьи, с кучей незнакомых слов, приводит к открытию десятка новых вкладок. Постепенно углубляясь в чтение мы уже забываем какие вкладки относились к какой статье. Википедия не единственный такой сайт, просто самый наглядный. К счастью у пользователей Firefox есть возможность систематизировать открытые вкладки при помощи плагина Tree Style Tab.

Плагин можно скачать на официальном сайте дополнений Mozilla Firefox. Установка стандартная для плагинов Firefox, после перезагрузки он сразу начнет работать и слева добавится колонка вкладок.

Теперь когда вы нажимаете «открыть в новой вкладке», то страница загружается как дочерняя вкладка к текущей в дереве. Удобно то, что дерево можно свернуть, нажав на стрелочку, в скобках показывается количество вложенных вкладок. Свернутое дерево можно закрыть, тогда закроются и все вложенные вкладки. Если-же дерево раскрыто, то закрытие корневого элемента не затрагивает остальные вкладки и первая дочерняя вкладка становится корневой. Это стандартные настройки, их можно менять

Использование Tree Style Tab

Вот например я полазил по википедии и открыл кучу вкладок.

Я открыл статью Блог, это вкладка 0-го уровня, в ней я открыл ссылки на статьи Веб-сайт, Дневник, Блогосфера, Корпоративный блог. Это вкладки 1-го уровня, дочерние вкладки статьи Блог. Во вкладке Веб-сайт я открыл ссылки на статьи Компьютерная сеть, HTTP, Google. Это вкладки 2-го уровня, дочерние вкладки статьи Веб-сайт, и т.д.

Вкладки можно перемещать между деревьями и внутри дерева, причем при перемещении родительской вкладки, за ней перемещаются и дочерние. Для перемещения нужно схватить вкладку и потянуть. Если вкладка в которую вы хотите вставить подсвечивается полоской снизу, то перемещаемая вкладка станет с ней одного уровня, а если обведена по периметру, то станет дочерней.

У текущей активной вкладки справа есть красный крестик, если его нажать то вкладка закроется, а дочерние будут себя вести согласно настроек. Если сначала нажать стрелочку и собрать дерево, то нажав крестик мы закроем вкладку и все вложенные независимо от настроек.

Настройка Tree Style Tab

Для перехода к настройкам в Firefox нажимаем Инструменты Дополнения. В открывшемся окне находим Tree Style Tab и нажимаем кнопку Настройки.

Откроется окно с настройками, разбитое на вкладки: Внешний вид, Меню, New Tabs, Автоскрытие/показ панели, Tree, Дополнительно. Не все настройки переведены, так что будет мешанина из английских и русских обозначений. Пройдемся по ним детальнее.

Внешний вид

Это вкладка настраивает показ плагина.

  • Расположение панели вкладок — указывает в каком месте будут находится вкладки. Стандартно для Firefox они находятся сверху, но древовидность работает только когда панель вкладок расположена слева или справа.
  • Invert Tab contents — стандартно показывается иконка сайте, а потом заголовок. Эта галочка делает наоборот.
  • Разрешить разворачивать/сворачивать поддеревья вкладок —  позволяет создавать поддеревья внутри дерева.
  • Отступы вкладок — Когда включено, то дочерние вкладки смещаются по горизонтали относительно родительской вкладки.
  • Вид панели вкладок — определяет внешний вид панели
  • Вид узлов дерева — определяет как выглядят стрелочки открытия/закрытия дерева

Меню

Определяет какие действия доступны при нажатии правой кнопкой мыши на панели вкладок.

  • Reload this tree — обновить все страницы в дереве
  • Reload children — обновить дочерние страницы в дереве
  • Закрыть это дерево — закрыть эту и все вложенные вкладки
  • Закрыть дочерние вкладки — закрыть только вложенные вкладки
  • Свернуть все деревья
  • Открыть все деревья
  • Автоскрытие панели вкладок — добавляет возможность включать/отключать автоскрытием
  • Fix position and width/height of tab bar — возможность закрепить размеры и позицию панели вкладок
  • Добавить это дерево в закладки — Добавляет все вкладки в дереве в закладки. Из закладок их потом можно открыть все сразу, сохраняя вложенность

New Tabs

Управляет поведением плагина при открытии новых вкладок.

  • Links — ползунок определяет поведение при открытии ссылок на странице. Самый верхний уровень открывает вкладки как дочерние, средний открывает как дочерние только те вкладки, домен которого совпадает с текущим, нижний уровень открывает все ссылки без вложения в текущую. Еще тут есть опция открытия всплывающих окон, стандартно они открываются в том-же дереве, что-бы не раздражать.
  • Bookmarks — тут всего одна галочка «спрашивать при открытии всего дерева из закладок»
  • Location Bar — определяет поведение при вводе в адресную строку. Тут два ползунка: Automatic New Tab Level — определяет где открывать введенный адрес (2 — заменить текущую, 1 — заменить если введен тот-же домен, 0 — открывать все адреса в новых вкладках) и Structuring of opened tabs — определяет к чему привязывать открытую вкладку (2 — открыть как начало отдельного дерева, 1 — открыть как начало отдельного дерева, если введен другой домен, 0 — всегда открывать как дочернюю)
  • Drag&Drop to tabs — Если схватить ссылку и потащить ее в область вкладок, то она там откроется. Тут можно установить необходимость подтверждения этого действия.
  • Other Cases — все остальные случаи.

Автоскрытие/показ панели

Настраивать автоматическое скрытие и показ панели вкладок. Может быть удобно, если у вас мало места

  • Способ скрытия панели вкладок — всегда показывать, сужать (видно только иконки сайтов) или полностью скрывать
  • Перемещение мышки к краю панели вкладок — раскрывать панель вкладок, если мышка подходит к краю окна. Можно настроить ширину области и задержку срабатывания
  • Нажатие и удержание кнопки Cntrl — Показывать панель вкладок после удержания кнопки Cntrl, время нажатия можно изменять
  • Переключение вкладок через Cntrl+Tab — когда вы меняете вкладку горячими кнопками, то открывается панель вкладок
  • Закрытие вкладок или открытие новых — когда вы закрываете вкладку или открываете новую, то панель вкладок появляется. Можно настроить автоматическое скрытие через определенное время.
  • Прозрачность панели вкладок — Настройка прозрачности панели вкладок, когда она показывается

Tree

Настройка дерева вкладок.

  • When a tab gets focus, expand his tree and clapse others autmaticly — переключение на вкладку открывает дерево дочерних вкладок и закрывает все другие. Есть подпункт не менять активную вкладку при закрытии текущей
  • When a parrent tab is closed — Что делать при закрытии родительской вкладки: закрыть дочерние вкладки, сделать первую дочернюю родительской, сделать дочерние вкладки уровня родителя, вынести дочерние вкладки в отдельные деревья
  • Позиция вставки новых дочерних вкладок — в конец или начало дерева
  • Спрашивать при восстановлении вкладки через Undo

Дополнительно

Настройки, не вошедшие в предыдущие пункты

  • Использование эффектов анимации
  • Show Tree Contents in tooltips on tabs — показывать содержание дерева при наведении на вкладку
  • Установка похожести домена — Считать aaa.domain.com и bbb.domain.com одним сайтом, или разными

Заключение

Более удобного способа управлять вкладками я еще не видел, после примерно недели адаптации работая со стандартным представлением начинаешь понимать насколько тебе не хватает возможностей открывать вкладки в виде удобных деревьев.

Есть другой плагин: TabKit, но он не поддерживает Firefox 4, Tree Style Tabs поддерживает.

Неправильная раскладка: lhtdjdblyst drkflrb d ашкуащч

Понравилась статья? Посоветуйте друзьям!

Firefox Firefox 4 Firefox plugin Mozilla Tabs


Понравилась статья? Подпишись на рассылку по E-Mail или в RSS.
  • Задумывался ранее над подобным плагином, но поискать руки не дошли. А при включенном плагине горизонтальное меню вкладок доступно?
  • При активном плагине либо горизонтальное, либо вертикальное. Но красиво и в виде дерева только в вертикальном виде.
  • При активном плагине либо горизонтальное, либо вертикальное. Но красиво и в виде дерева только в вертикальном виде.