Что такое прокрашивание вкладок в браузере
Перевод материала Ринана Кейкирерка, бэкенд-разработчика Uber.
Несколько сотен открытых вкладок уже долгое время являются для меня проблемой. Ну, может и не несколько сотен, но точно около сотни. Чем больше у меня открытых вкладок, тем больше среди них повторяющих друг друга. В итоге я не пытаюсь их разобрать, а просто закрываю браузер и начинаю сначала, теряя в результате что-то важное или интересное.
Частично в этом можно обвинить плохую и устаревшую структуру интерфейса современных браузеров. Вообще, всё, чем занимаются их разработчики с позиции структуры и дизайна интерфейса — это делают браузеры чуть привлекательнее внешне.
Например, просто вбивать ключевые слова в адресную строку в поисках ссылки, по которой вы когда-то переходили — очень плохой способ её найти. В Chrome, кажется, есть некий поиск по неточному соответствию, но работает он плохо, в отличие от прекрасного инструмента fzf.
Поиск по неточному соответствию с помощью fzf в iTerm2Ещё одним примером может служить работа с несколькими вкладками. В Chrome нет поиска по вкладкам, располагать их вертикально нельзя, а если вкладок слишком много, то в горизонтальном положении видны только иконки. К тому же, нельзя избавиться от повторяющихся вкладок.
Да, для этого можно скачать расширение. Пусть это прозвучит параноидально, но я не хочу пользоваться никакими расширениями, которые запрашивают такой доступ:
Читать и изменять данные на посещаемых сайтах.
Изменять стартовую страницу при открытии новой вкладки.
Безумный список разрешений, которые сейчас запрашивают расширения для ChromeДа, это означает, что я не пользуюсь никакими расширениями для Chrome, несмотря на их очевидные преимущества. Я знаю, что некоторые из них созданы на основе открытого программного кода, но открытый код не гарантирует безопасности, особенно если проверить весь код лень.
Итак, я решил сам разобраться с проблемой управления вкладками, потому что для творчества время всегда найдётся.
Первым пунктом в списке стояло найти способ управлять Chrome. Я рассматривал следующие варианты:
- Написать расширение для Chrome самому: делать этого мне не хотелось, потому что расширения полезны только тогда, когда большая часть работы происходит в браузере. То есть, когда я работаю в другом окне, например, терминале, а потом хочу открыть определённую вкладку, мне придётся открыть Chrome, а потом включить расширение. Слишком много действий.
- Использовать AppleScript: AppleScript — это язык сценариев для контроля приложений с помощью Apple Events. Этот вариант мне понравился, пока я не попробовал разные примеры. Мне было очень неудобно, поскольку я всю жизнь пользовался C, C++, Python, Java, Go и JavaScript. Так что я решил вернуться к этому, только если не найду ничего получше.
- Использовать Python: Я обрадовался, узнав, что есть библиотеки, которые можно использовать для работы с macOS. В итоге оказалось, что те давно устарели и никакой документации по ним не было. От этого варианта тоже пришлось отказаться, потому что мне необходимо было быстрое решение.
Но я не сдавался, продолжал изучать пути решения и наткнулся на JXA.
JXA — это «JavaScript для Автоматизации». Он поддерживается Apple, позволяет управлять приложениями с помощью AppleScript, поддерживает синтаксис ES6; в целом всё это звучит слишком хорошо, чтобы быть правдой… Так и оказалось, потому что у него худшая документация, которую я когда-либо видел у Apple.
Я всё ещё не знаю, что в аббревиатуре JXA означает X. Может, macOS X? ¯\_(ツ)_/¯
Я посмотрел забавные заметки о выпуске (документация JXA от Apple…), а затем подумал: «Так, JavaScript, неужели трудно собраться и самому разобраться?»
Я и представить не мог, что меня ждёт.
Несколько часов я потратил на поиски места для написания кода, расширения имени файла, выполнения файла и прикладного программного интерфейса.
Но в конце концов, это того стоило.
В основном, писать JXA рекомендуют в Script Editor App или Automator App, который идёт в комплекте с macOS. Я попробовал их, чуть не выкинул ноутбук в окно и решил использовать редактор, которым пользуюсь всегда: VSCode.
Я был пользователем Vim в течение примерно четырех лет, в течение года я ипользовал IDE JetBrains, Atom и Sublime, потом перешел на VSCode, и после четырех лет ежедневного использования в основном с Go, а иногда с Python, JavaScript и Markdown я до сих пор думаю, что это лучший редактор; и каждый должен попробовать пользоваться им месяц-другой, прежде чем судить.
Вот что стоит знать, прежде чем взяться за работу:
Можете воспользоваться этим шаблоном:
Самой сложной проблемой оказалось придумать, как подключаться к приложениям. Для методов нет автозавершения, а вывод полей и методов объекта не сработал.
Затем я случайно наткнулся на статью, в которой упоминается использование функции редактора сценариев: «Открыть словарь».
И вуаля! Именно то, что я искал: небольшая заметка для каждого приложения, в которой перечислены методы и объекты; и там был Chrome!
Продолжая издеваться над браузерами, нагружая их тремя сотнями вкладок в прошлый раз мы выяснили , что Опера показала тормоза в видео, а Хром вовсе не пришёл к финишу. Пришла очередь “Огнелисы”.
Firefox
Началось всё чинно и размеренно. Firefox открывал вкладки одну за одной потребляя при этом меньше ресурсов, чем Хром, но больше, чем Опера. Казалось, что всё хорошо, правда неспешно, не было того азарта, того блеска в алгоритмах. Хотя стоп, блеск был. У Лисы в панели вкладок есть кнопки прокрутки, благодаря чему, во-первых, ширина вкладки не падае6т почти до одного пикселя, а во-вторых, этот самый блеск и можно наблюдать на границе первой / последней вкладки и кнопки прокрутки.
Ближе к концу, примерно на 250-280 вкладке всё пошло не по плану. Firefox открыл второе окно и стал открывать там вкладки с очень странным содержимым. Где-то просто набор символов, из которых трудно было что-то понять, где-то папка на локальном диске, а где-то и вовсе ничего. Открытые же правильно продолжали довольно долго грузиться уже после открытия. Поэтому приходится констатировать, что Firefox не пришёл к финишу из-за странного глюка, а если бы и пришёл, работать в нём было бы заметно менее комфортно, чем в Опере.
Видео весёлую музыку:
Яндекс.Браузер
В отличии от остальных эта программа была специально установлена для эксперимента, что даёт ей некоторую фору, ведь в других браузерах присутствуют расширения, которые могут замедлять работу, а здесь всё из коробки. Будучи верным себе Яндекс.Браузер задал четыре вопроса при старте и ещё два при втором запуске. Ох и не люблю я это .
Яндекс.Браузер начал резво, аки Хром и Опера. При этом он даже задал один вопрос на одной из первых вкладок. Ох уж эта общительность, неужели так трудно понять, что Интернету, а не диалог с пользователем. Ну да ладно, один раз можно потерпеть ради эксперимента. Слева вверху красовалась типичная кнопка “назад”, но рядом с ней было слово Excel. После открытия вкладок я нажал на неё и вернулся в другую программу. Вот это на самом деле круто!
Панель вкладок в Яндекс.Браузере также оснащена кнопками прокрутки, но никаких красот в отличии от Firefox здесь нет. Зато сами вкладки заметно выделяются цветом при активации, что достаточно удобно.
Яндекс.Браузер 32-битный и мне сразу было интересно, как он планирует справится с ограничением в 4 гигабайта ОЗУ. Он вплоть до последней вкладки не превосходил этот порог (ещё бы, не может ведь), в какой-то момент начались дикие тормоза, но, когда уже все вкладки были открыты и я начал навигацию, порог памяти был преодолён. Это очень удивило, похоже используются хитрые алгоритмы, чтобы обмануть судьбу.
Итак, браузер справился, приятно удивил возвратом в другое приложение, хорошим дизайном панели вкладок и низким оперативной памяти. На данный момент это лучший результат и вообще я подумаю, а не пересесть ли с Оперы в Яндекс. После такого прекрасного поведения я даже может быть прощу этому браузеру живые фоны на новой вкладке. Шучу, конечно, такое простить нельзя.
Видео весёлую музыку:
Вкладки в Опере, как и во многих браузерах, давно уже стали привычными. Они избавляют от множества открытых копий браузера, так, как это было раньше с Internet Explorer.
Чтобы удалить вкладку, нажмите на крестик, расположенный на вкладке справа. Если вы хотите восстановить закрытую вкладку, на панели вкладок нажмите на кнопку «Закрытые вкладки»,откроется выпадающий список закрытых страниц. Нажмите левой кнопкой мыши на нужной странице, и она откроется в новой вкладке.
Экономный и информативный режим вкладок в Опере.
А если размеры вашего экрана больше, чем экран нетбука, то следует отдать предпочтение удобству работы с вкладками, установив информативный режим. Установите курсор под панелью вкладок,чтобы он стал отображаться в виде стрелочки и, удерживая нажатой левую кнопку мыши, потяните панель вниз, пока эскизы страниц не установятся нужного размера. Чтобы убрать эскизы вкладок, выполните обратное действие.
По-моему, очень удобно. В других браузерах такого нет.
Быстрый просмотр содержимого вкладок.
При наведении курсора мыши на вкладку отображается окно предварительного просмотра, где показано содержимое этой страницы. Если вы используете группировку вкладок, при наведении курсора мыши на группу также отображается окно предварительного просмотра вкладок группы, и можно выбрать необходимую вкладку для перехода.
Открывайте закрытые вкладки заново.
Защитите вкладки от закрытия.
Щелкнув вкладку правой кнопкой мыши, можно зафиксировать ее, что защитит вкладку от случайного закрытия. Зафиксированные вкладки занимают минимум места и автоматически перемещаются в левую часть панели вкладок для удобства поиска. Подобная функция фиксирования вкладок есть еще в браузере Google Chrome.
Более удобный просмотр вкладок.
Визуальные вкладки обеспечивают отображение небольшого эскиза для каждого веб-сайта, в дополнение к заголовку и значку страницы. Вы можете изменить высоту панели вкладок с помощью перетаскивания, чтобы изменить размер эскизов соответствующим образом.
Как сохранить вкладки.
Вы можете сохранить открытые вкладки в качестве сеанса и впоследствии загрузить сеанс для открытия этих страниц (выберите в главном меню пункт Файл-Сеансы-Сохранить сеанс). Можно сохранить несколько сеансов и загружать каждый из них при соответствующей необходимости.
Горячие клавиши при работе с вкладками.
Клавиши для операций со страницами: основные действия
- Создать новую вкладку Ctrl + T
- Закрыть активную вкладку Ctrl + W , Ctrl + F4
- Отменить закрытие вкладки Ctrl + Shift + T
Клавиши для операций со вкладками: переключение
Состояние вашего браузера — это как состояние кухни: если на столах валяются кастрюли, сковородки и грязные тарелки, то будет гораздо сложнее приготовить обед, чем в чистом и опрятном пространстве.
Исследование показало, что браузер с большим количеством вкладок — это стрессовая, убивающая продуктивность потеря времени. В одном исследовании 2014 года анализировалось, как плохо упорядоченные элементы на экранах компьютеров влияют на время реакции и продуктивность врачей в реанимационных отделениях. Выяснилось, что замусоренные экраны увеличивают время поиска медицинских записей, а также поиск необходимой информации в этих записях. Если врач уже находится в ситуации стресса, то отрицательные эффекты становятся ещё более выраженными.
Разумеется, большинство из нас не работает врачами или медсёстрами, отчаянно пытающимися просматривать электронные медицинские записи, пока ждёт пациент. Но у нас всё равно есть беспорядочный режим работы, при котором актуальность критически важна, даже если это просто отчёт, который нужно подготовить к 14 часам, а поиск среди пятидесяти вкладок нужного для завершения работы веб-сайта это, честно говоря, пустая трата времени.
Но как и ваша кухня или ваш стол, браузер не обязан быть неряшливым. Различные инструменты и методики помогут вам обеспечить порядок в браузере и избежать информационной перегрузки.
OneTab
Если вы ищете простой в использовании органайзер вкладок, то отличный вариант — браузерное расширение OneTab. Его возможности довольно просты: при нажатии на браузерное расширение оно автоматически закрывает все вкладки и перечисляет их как ссылки в новом окне. Можно переименовывать эту группу вкладок, делиться ею по ссылке или QR-кодом, если по какой-то странной причине они вам нравятся. В настоящее время расширение существует для Chrome и Firefox.
Приватность часто остаётся недооценённым аспектом оценки ПО, а учитывая, сколько информации программа может извлечь из того, как человек пользуется Интернетом, политика приватности должна быть для многих из нас критически важным компонентом при выборе ПО. На веб-сайте OneTab утверждается, что «информация о ваших вкладках никогда не передаётся и не раскрывается разработчикам OneTab… Вкладки никогда никому не передаются, если вы специально не нажмёте кнопку „share as a web page“».
Pocket — это ещё одно простое и эстетически приятное браузерное расширение, помогающее с управлением вкладками. Оно позволяет сохранять ссылки, чтобы читать или открывать их позже, и вам не придётся просматривать кучи контента, чтобы найти нужный вам отчёт. Pocket можно устанавливать в Chrome, Opera, Safari и Microsoft Edge, а в Firefox он является встроенной функцией.
Как и в случае с OneTab, возможности Pocket ограничены; он сохраняет только по одной вкладке за раз, поэтому если у вас их много, то сортировка может занять время. Но в Pocket мне нравится то, что он интегрирован с Twitter, поэтому если вы хотите сохранить чей-то твит, то сделать это очень легко. Сохранённые вкладки можно дополнить метками, что полезно, если вы одновременно работаете над несколькими проектами и вам нужно упорядочить вкладки. Также Pocket имеет версию в виде отдельного приложения, поэтому если вам нужно сохранить вкладку из браузера, то её можно прочитать позже в телефоне.
Pocket уникален тем, что даёт рекомендации. Когда сохраняешь вкладку в Pocket из браузера, автоматическое раскрывающееся меню показывает другие истории, похожие на ту, что вы сохранили.
Также на домашней странице Pocket есть раздел рекомендаций, на которой можно найти истории, похожие на те, что вы добавили в Pocket.
Этот движок рекомендаций кажется мне невероятно полезным, особенно когда вы ищете, что почитать по пути на работу, однако я считаю, что Pocket лучше всего использовать для сохранения пары необязательных вкладок, которые хотите прочитать позже. Pocket делится агрегированными данными с третьими лицами, поэтому если вам нужна полная конфиденциальность, он может вам не подойти.
Редактор LifeHacker Дэвид Мёрфи писал, что после того, как узнал об этом браузерном расширении, пользуется только Toby, и на то есть причины. Оно немного напоминает мне Trello — ещё одно приложение, которое я люблю. Toby имеет красивый дизайн, выбор между светлой или тёмной темами и использует очень простые инструменты для упорядочивания перетаскиванием.
При помощи Toby можно или сохранять по одной вкладке за раз, или все вкладки одновременно. При открытии новой вкладки вы видите всё сохранённое в Toby и выбираете контент, который хотите открыть.
Toby существует для Firefox, Chrome и Opera, он передаёт агрегированные данные сторонним поставщикам в рекламных целях.
Evernote
Evernote — это мой личный фаворит, потому что это самый надёжный вариант, но и самый сложный. Это не просто браузерное расширение для сохранения вкладок: Evernote — это целое приложение для продуктивности с функцией создания заметок и списков todo, а также с сохранением вкладок.
Больше всего в Evernote мне нравится то, что можно добавлять к вкладкам аннотации. Так как в своих статьях я часто ссылаюсь на исследования и предыдущие новостные истории, мне нужно вести много заметок. Evernote упрощает этот процесс, позволяя выделять и помечать веб-сайты, прежде чем сохранить их в свой «блокнот».
При сохранении вкладки в Evernote можно или сохранить её как полную веб-страницу с соответствующей графикой и рекламой, или как упрощённую статью (см. изображение выше) только с центральным текстом и изображениями и без вспомогательных изображений/рекламы; или же как вырезку — при этом в ваш блокнот сохраняется только первое изображение, заголовок или однострочная выдержка из статьи. Вырезка (clip) — лучший вариант, если вы хотите просто запомнить, что позже нужно зайти по определённой ссылке.
Как и в Pocket, за раз можно сохранять только одну вкладку, поэтому Evernote лучше использовать с самого начала проекта, а не во время его завершения. Делиться можно конкретными вкладками или блокнотами. Также аналогично Pocket приложение Evernote имеет функцию рекомендаций, поэтому при сохранении вкладки появляется раскрывающееся меню с другими похожими историями.
Evernote есть для Chrome, Safari, Firefox, Internet Explorer, Opera и Microsoft Edge. В его политике конфиденциальности написано, что он не продаёт и не передаёт данные сторонним лицам в рекламных целях, а также обеспечивает двухфакторную аутентификацию. Однако в 2016 году Evernote пережил скандал после того, как резко сменил свою политику конфиденциальности, позволяющую сотрудникам компании читать заметки пользователей «для улучшения анализа машинного обучения». Вслед за негативной реакцией пользователей компания пересмотрела свою политику, предоставив пользователям возможность выбирать, могут ли сотрудники Evernote получать доступ к их заметкам. Чуткость Evernote к опасениям его пользователей очень радует в наше время, когда даже ДНК может стать потенциальным источником прибыли, но стоит заметить, что политики конфиденциальности даже самых компетентных компаний могут быстро меняться.
Другие способы снижения перегрузки
Если вам не нужно браузерное расширение или вам нравится, когда открыто 50 вкладок, то есть и другие способы упорядочивания или хотя бы снижения нагрузки на ОЗУ компьютера от всех этих вкладок. Если у вас открыто много вкладок, окон или расширений, то их влияние может быть очень значительным.
Great Suspender — это браузерное расширение, имеющее очень простую задачу: оно экономит ОЗУ вашего компьютера. Если вкладки замедляют работу компьютера, то Great Suspender «приостанавливает» неиспользуемые вкладки. Он выпущен для Chrome, а в его политике конфиденциальности указано, что он не передаёт никакую информацию.
Ещё один вариант — использовать функцию закладок браузера. Президент Information Overload Research Group Нэтан Зелдс считает, что для упорядочивания окон Firefox или Chrome можно нажать на «Добавить все вкладки в закладки» или Ctrl+Shift+D, а затем сохранить все эти вкладки в папку для дальнейшего использования.
Несмотря на изобилие существующих браузерных расширений, я продолжу использовать свой обычный, но довольно нишевый метод: сохранение всего в документе Google. Я создаю по одному документу на каждую статью, чтобы сохранять всё, что мне понадобится: контактную информацию, исследования, другие статьи, расшифровки интервью и произвольные заметки или мысли. Они выглядят примерно так:
Это позволяет мне хранить всё необходимое для истории в одном документе, чтобы мне не приходилось переключаться между браузерными расширениями, приложениями и Google Docs. Но сборка такого документа требует больше времени, чем сохранение веб-страницы в какую-нибудь папку, поэтому такой способ не для каждого.
Захламлённый браузер похож на захламлённый дом: он отвлекает, в нём много ненужного, и может доходить до того, что он попросту вредит здоровью. Пара инструментов и механик позволят вам сделать шаг вперёд и освободить своё ментальное пространство от потери времени на поиск среди миллионов вкладок, чтобы вы могли сосредоточиться на вашей задачей или даже закончить её быстрее.
Читайте также: