Я решил написать это после того, как услышал дискуссию о трудностях управления несколькими вкладками браузера в одном из подкастов по программированию, которые я слушаю. Идея заключалась в том, что во время веб-разработки у вас будет открыта одна вкладка для приложения, которое вы создаете, что-то вроде http://localhost:8000, а затем множество других вкладок для каждой проблемы, с которой вы столкнетесь. Если вы занимаетесь разработкой с полным стеком, это может стать особенно большим, поскольку вы, возможно, столкнулись с проблемами с базой данных, фреймворком/языком на стороне сервера, JavaScript на стороне клиента, CSS и т. д. Тенденция состоит в том, чтобы не закрывать эти вкладки на всякий случай. снова нужны. Но через некоторое время значки вкладок становятся такими маленькими и такими многочисленными, что может быть трудно перейти к нужной, и вы неизбежно нажмете не на ту, что приведет к потере времени.

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

Беспорядок вкладок

Для начала предположим, что в настоящее время у вас открыта вкладка http://localhost:8000 для локальной разработки, а также множество других вкладок, которые вы открыли для различных исследований и решения проблем. Верхняя часть вашего браузера будет выглядеть примерно так — целый беспорядок из крошечных вкладок, чем больше вы открываете, тем более «мягкими» они кажутся:

Вкладки поиска

Одна из этих вкладок предназначена для некоторой документации по GraphQL, и теперь вы хотели бы переключиться на нее. Вместо того, чтобы наводить курсор мыши на крошечные значки, пытаясь угадать, какая это вкладка, вы можете использовать функцию под названием «Вкладки поиска». Сочетание клавиш: Cmd + Shift + A или Ctrl для пользователей Windows.

После использования этого ярлыка в правом верхнем углу окна браузера откроется меню выбора, содержащее вертикальный список всех открытых вкладок. Вкладка, на которой вы сейчас находитесь, появится в самом конце списка. Для каждого пункта меню отображается название вкладки, URL-адрес и время последнего доступа к ней (например, 5 минут назад или 2 дня назад). Вкладки перечислены в порядке последнего использования. Например:

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

Выберите вкладки

Чтобы использовать меню выбора вкладок, вы можете использовать мышь, чтобы щелкнуть заголовок вкладки, которую вы хотите открыть из этого меню, или просто начать печатать. Ваш текст появится рядом со значком увеличительного стекла. Например, если ввести «график», список будет отфильтрован до заголовков вкладок или URL-адресов, которые соответствуют тому, что вы ввели:

В приведенном выше примере сопоставляются два результата. На этом этапе вы можете либо продолжать печатать, например, «ql», чтобы точно соответствовать, либо использовать стрелку вниз и нажать Enter, чтобы активировать выбор:

В этот момент браузер переключится на вкладку, которую вы выбрали в меню «Вкладки поиска».

Самая последняя вкладка

Предположим, вы хотите вернуться на вкладку localhost. Это очень распространенный рабочий процесс, который переключается между локальным хостом и несколькими другими вкладками для исследований. Снова нажмите ярлык «Вкладки поиска» Cmd + Shift + A. Обратите внимание, что теперь localhost находится вверху. Chrome запоминает последнюю использованную вкладку, так как именно к ней вы, скорее всего, захотите вернуться:

Просто нажмите Enter, чтобы активировать выделенную вкладку. Это переключит браузер обратно на вкладку localhost.

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

При наведении указателя мыши на любой список вкладок в меню «Вкладки поиска» рядом с ним отображается значок X, щелчок по которому закрывает вкладку. Если вы случайно закрыли нужную вкладку, нажмите Cmd + Shift + T, чтобы снова открыть ее.

Другое управление вкладками

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

Я считаю, что группы вкладок слишком накладны, так как требуют использования мыши и ручного управления. Например, думать о том, как назвать группы вкладок, какая вкладка принадлежит какой группе, а затем вспоминать, что я куда положил! Тип исследования, необходимый для разработки полного стека, слишком подвижен, чтобы вписаться в групповую модель.

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

Заключение

В этом посте рассказывается, как использовать функцию вкладок поиска Chrome (или любого браузера на базе Chromium) для управления несколькими вкладками. Я считаю, что это оптимальное решение, поскольку оно не требует никаких умственных усилий. Просто откройте столько вкладок, сколько хотите, не беспокойтесь об их организации или расположении, а затем используйте простое сочетание клавиш для почти мгновенного доступа к любой из них.