Як користуватися Tabs Manager

Початок роботи

Установлення й відкриття

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

• Відкрийте сторінку Tabs Manager у Chrome Web Store і натисніть Додати в Chrome.
• Закріпіть розширення: натисніть значок пазла на панелі інструментів, а потім шпильку поруч із 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, і навіщо він потрібен.