Как пользоваться Tabs Manager

Начало работы

Установка и запуск

Tabs Manager — расширение для Google Chrome 116 или новее (и браузеров на основе Chrome).

• Откройте страницу Tabs Manager в Chrome Web Store и нажмите Установить.
• Закрепите расширение: нажмите значок пазла на панели инструментов, затем булавку рядом с Tabs Manager.
• Нажмите значок Tabs Manager: расширение откроется на боковой панели Chrome рядом со страницей, которую вы читаете. Она остаётся открытой, пока вы просматриваете сайты.
• Верхняя панель даёт доступ ко всему: копирование ссылки на страницу, страницы Chrome, инструменты разработчика, заметки, плеер и настройки.

Не нужно создавать аккаунт и ничего настраивать: расширение работает сразу после установки.

Вкладки

Вкладки по сайтам

Блок Current tabs показывает каждую открытую вкладку, сгруппированную по сайту, так что десять вкладок одного сайта занимают одну строку, пока вы её не развернёте.

• Каждый сайт показывает свой значок, адрес и количество открытых на нём вкладок.
• Нажмите на сайт, чтобы развернуть его вкладки, и на вкладку, чтобы перейти к ней.
• Закрывайте вкладку с панели, не разыскивая её в полосе вкладок.
• Поле поиска фильтрует панель по мере ввода.
• Вкладка, сменившая сайт (ссылка, открытая в новой вкладке), сама переходит в новую группу.

Несколько окон

Когда открыто больше одного окна Chrome, каждое окно получает номер и цвет.

• Каждая вкладка показывает цвет своего окна — цветной полосой и меткой.
• Легенда под Current tabs перечисляет окна: нажмите на окно, чтобы вывести его на передний план.
• Нажатие на вкладку другого окна активирует её и выводит её окно на передний план.

Расширение видит только вкладки своего профиля Chrome: окна другого профиля не отображаются.

Перетаскивание

Упорядочивайте вкладки, не трогая полосу вкладок.

• Перетащите вкладку на другую, чтобы поставить её рядом, в том же или другом окне.
• Перетащите вкладку на окно в легенде, чтобы отправить её в конец этого окна.
• Перетащите вкладку на New window (появляется во время перетаскивания), чтобы открыть её в отдельном окне.

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

Дубликаты вкладок

Открыли одну и ту же страницу трижды? Tabs Manager может закрыть копии за вас.

• Установите Allow tabs duplicates в No: лишние вкладки одной страницы закрываются, активная или самая новая остаётся.
• Выберите правило, определяющее дубликат: тот же сайт (хост) или тот же адрес (без #якоря, протокола и завершающей косой черты).
• Разрешайте дубликаты для отдельных сайтов, где вам действительно нужно несколько вкладок.
• Закреплённые вкладки и вкладки, воспроизводящие звук, никогда не закрываются как дубликаты.
• Быстрый доступ и избранное: если их дубликаты запрещены, их страницы скрываются в Current tabs, а нажатие на значок показывает уже открытую вкладку вместо открытия новой.

Настройка: Settings › Tabs duplicates

Закрытие неактивных вкладок

Вкладки, которые вы не открывали часами, могут закрываться автоматически.

• Укажите количество часов в Current tabs closing delay; 0 отключает функцию.
• Срок отсчитывается с последнего использования вкладки, а не с момента её открытия.

Закрытая вкладка может потерять несохранённое содержимое (форму, черновик): выберите срок, подходящий вашему стилю работы.

Настройка: Settings › General

Разделённый экран

Показывайте две вкладки рядом одним кликом — кнопкой разделения на вкладке.

• Вкладка, на которую вы нажимаете, объединяется в пару с активной вкладкой окна.
• Начиная с Chrome 155, Tabs Manager использует встроенный разделённый экран Chrome.
• В более старых версиях две вкладки размещаются в двух окнах, каждое на половине экрана.
• Нажмите кнопку разделённой вкладки ещё раз, чтобы завершить разделение.

На каждой вкладке

Счётчики непрочитанного

Многие сайты пишут счётчик в заголовке, например (3) Входящие. Tabs Manager превращает его в красный значок.

• Значок появляется на вкладке, на группе её сайта и на соответствующих элементах быстрого доступа и избранного.
• Он следит за заголовком в реальном времени: новые сообщения появляются без перезагрузки.

Время загрузки страниц

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

• Первая — время ответа сервера (time to first byte).
• Вторая — время от HTML до готовности страницы.
• Удобно, чтобы заметить медленный сайт или следить за своими сайтами во время разработки.

Настройка: Settings › Display › Show load times

Предпросмотр сайта

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

• Информация берётся из публичных метаданных страницы (заголовок, описание, ключевые слова, изображение).
• Ничего не загружается из сети: расширение читает то, что страница уже загрузила.

Настройка: Settings › Display › Show a site preview on hover

Управление медиа

Какая вкладка воспроизводит это видео? Значок на её иконке подскажет, а управлять им можно с панели.

• На вкладках, воспроизводящих аудио или видео, появляется значок воспроизведения.
• Кнопки воспроизведения, паузы и отключения звука управляют медиа вкладки, не покидая текущую страницу.
• Декоративные видео (беззвучные циклы, крошечные плееры) игнорируются.

Организация

Быстрый доступ и избранное

Держите сайты, которыми пользуетесь каждый день, на расстоянии одного клика.

• Quick access: ряд значков сайтов вверху панели. Добавляйте текущую страницу одним кликом.
• Favorites: ссылки, разложенные по пространствам (по одному на проект, клиента или тему), каждое со своим списком ссылок.
• Быстрый доступ и избранное хранятся как закладки Chrome в отдельной папке: они следуют за вашим профилем Chrome.
• Кнопка заметок на каждом избранном открывает его собственные заметки (см. Заметки).

Заметки и закреплённые заметки

Записывайте нужное, не покидая страницу, над которой работаете.

• Откройте Notes с верхней панели: у каждой заметки есть заголовок и необязательное описание.
• Фильтруйте заметки, редактируйте их, копируйте одну или все одним кликом. Ctrl + Enter добавляет заметку.
• У каждого избранного свои заметки со счётчиком на кнопке.
• Закрепите заметку (или задачу) булавкой: она появится на стартовом экране панели, над Quick access.
• Open in a tab показывает ваши заметки на отдельной странице.

Если вставить несколько строк в пустой заголовок, они разделятся: первая строка станет заголовком, остальное — описанием.

Настройка: Settings › Display › Notes per favorite / Pinned notes

Список дел для сайта

У каждого сайта свой список дел прямо рядом с его вкладками.

• Нажмите кнопку списка на вкладке, чтобы открыть список дел её сайта.
• Значок N todo показывает, сколько пунктов ещё открыто, на вкладке и на группе её сайта.
• Фильтруйте по All, To do или Done и удаляйте выполненные пункты одним кликом.
• Списки хранятся для каждого сайта (адрес и порт), так что у каждого вашего проекта свой список.

Настройка: Settings › Display › Todo list per site

История и ярлыки Chrome

Найдите закрытую страницу или откройте собственные страницы Chrome прямо с панели.

• Кнопка истории показывает недавнюю историю просмотров.
• Меню Chrome открывает настройки, расширения, загрузки, историю, закладки, пароли и flags.
• Кнопка копирования на верхней панели копирует ссылку на текущую страницу.

Настройка: Settings › Display › Chrome shortcuts

Плеер

Слушайте музыку или смотрите видео во время работы в браузере, не держа для этого отдельную вкладку.

• Вставьте ссылку YouTube, Dailymotion, Spotify или SoundCloud: появятся название и миниатюра, и воспроизведение начнётся на панели.
• Pop out воспроизводит в маленьком окне, которое продолжает играть, когда боковая панель закрыта.
• Метка now playing напоминает, что сейчас играет.
• Recently played хранит ваши последние 30 ссылок.

Настройка: Settings › Display › Player

Инструменты разработчика

Функции PHP

Тестируйте функции PHP без сервера: более ста эмулированных функций PHP 8 на панели.

• Строки, массивы, регулярные выражения (preg_match, preg_replace…), даты, JSON, кодировки.
• Смотрите результат как var_dump, print_r, var_export или JSON.
• Ваш последний код сохраняется, когда вы закрываете панель.

Функции эмулируются на JavaScript: результаты ориентировочные и в граничных случаях могут отличаться от настоящей установки PHP.

Настройка: Settings › Developer tools

Браузер иконок

Ищите и копируйте иконки из четырёх наборов.

• Font Awesome, Bootstrap Icons, Glyphicons и анимированные эмодзи Noto.
• Нажмите на иконку, чтобы скопировать её код, отметьте звёздочкой, чтобы сохранить в избранном.
• Показаны версия каждого набора и ссылка на его официальный сайт.

Настройка: Settings › Developer tools

Генераторы CSS3

Визуальные генераторы, которые пишут CSS за вас.

• Градиенты (линейные, радиальные, конические) с перетаскиваемыми точками цвета и готовыми шаблонами.
• Цвета (HEX, RGB, HSL, OKLCH, с контрастом WCAG), палитры от 50 до 950, кривые easing, единицы и clamp().
• Макеты flexbox и grid, фильтры и формы clip-path.
• Копируйте сгенерированный CSS одним кликом.

Настройка: Settings › Developer tools

Галерея компонентов

Компоненты daisyUI и Bootstrap 5 с живым демо каждого.

• 68 компонентов daisyUI и 32 компонента Bootstrap, формы, таблицы и сетка.
• Копируйте HTML демо или один из его классов.
• Ссылка на официальную страницу документации каждого компонента.

Настройка: Settings › Developer tools

Настройки

Темы и настройки

Tabs Manager подстраивается под вас, а не наоборот.

• Светлая или тёмная тема.
• Каждую функцию можно включить или выключить: время загрузки, предпросмотр, списки дел, заметки, закреплённые заметки, плеер, ярлыки Chrome, инструменты разработчика… то, что вы выключаете, исчезает с панели.
• Ваши данные сохраняются, когда вы скрываете функцию: включите её снова — и всё на месте.
• Группируйте значки верхней панели в меню или показывайте их все.

Настройка: Settings (значок шестерёнки на верхней панели)

Экспорт и импорт

Перенесите настройки на другой компьютер или сохраните резервную копию.

• Export сохраняет всё в одном файле: настройки, быстрый доступ, избранное, заметки, списки дел и историю плеера.
• Import сначала показывает сводку, а затем позволяет объединить с текущими данными или заменить их.
• Файл остаётся на вашем компьютере: он никуда не загружается.

Настройка: Settings › Backup

Конфиденциальность и разрешения

Все данные расширения остаются в вашем браузере. В условиях использования перечислено каждое разрешение, которое запрашивает Chrome, и зачем оно нужно.