TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Vivaldi, браузер с вертикальными вкладками для опытных пользователей

1 125

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

Как Хром

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

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

Моя самая любимая функция – возможность сдвигать вкладки в сторону. Когда дело доходит до разработчиков и продвинутых пользователей, нам нравится открывать множество вкладок. Вы когда-нибудь писали диссертацию или исследовали статью? Разве вы не открывали слишком много вкладок ? Это мой серьезный случай, когда я настраивал свой компьютер, я удвоил объем оперативной памяти. Не обязательно из-за моей склонности к играм или VFX, а просто потому, что это большое количество вкладок потребляет гигабайты памяти.

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

Две вещи требуют вашего рассмотрения относительно вертикальных вкладок. В настоящее время мониторы широкоэкранные, а сайты нет. Почти всегда есть дополнительное (потраченное впустую) место с обеих сторон сайта. Поэтому перемещение вкладок в сторону ничего не отнимает. Самое главное, вы можете прочитать заголовки вкладок. Это должно быть плюсом, нет? Таким образом, вы не подвергаетесь ужасу сжатой панели вкладок «только для избранного» (первые несколько букв видны, если вам повезет). Вы знаете, о чем я говорю, если вы опытный пользователь.

Когда-то я использовал расширение Tree Style Tab с Firefox, просто чтобы иметь эту функцию. Этот опыт со временем ухудшился, и поскольку Chrome не позволяет изменять его пользовательский интерфейс с помощью расширений, я искал решение. Вот как я закончил с Вивальди, который имеет встроенные вертикальные вкладки. Ура!

Жесты мыши, сочетания клавиш

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

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

Настраивается с помощью CSS

Моя панель закладок содержит более 80 значков (там мне не нужны текстовые метки, чтобы различать их). Подогнать подкладку можно только на таком расслабленном баре. Vivaldi позволяет настроить свой пользовательский интерфейс с помощью CSS. Одно это дает серьезное преимущество тем, кто знает, что делает. Будучи разработчиком, я знал, что не могу пропустить эту опцию, поэтому я создал небольшую настройку, чтобы уменьшить эту область. Вот это для вас.

Вы должны разместить здесь:

C:Program FilesVivaldiApplication[version]resourcesvivaldi

Это нужно делать после каждого обновления, это единственный недостаток.

Раньше существовала вещь, называемая Vivaldi hooks, которая даже настраивала браузер с помощью Custom JS, но я больше не уверен в этих вещах. Вам нужно знать внутреннюю работу пользовательского интерфейса, чтобы написать собственные сценарии для него.

Встроенная окраска

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

Мощная боковая панель

На другой стороне моего браузера размещается боковая панель, когда я решаю ее показать. Гики, которые полагаются на свои закладки, давно используют эту функцию в старых браузерах, так как в этом нет ничего нового. Тем не менее, Вивальди упаковывает несколько дополнений. В боковой панели есть маленькие вложенные вкладки для отображения панели загрузок, заметок, которые вы делаете (в браузере, да), вашей истории… И еще один список вкладок, которые являются вертикальными, даже если вы продолжаете использовать горизонтальные вкладки.

Если этого недостаточно, вы можете добавить веб-панели, которые загружают веб-сайты на боковой панели. В то время как большинство сайтов отзывчивы, некоторые из них даже выглядят хорошо в этом ограниченном пространстве. Добавьте функциональные сайты, такие как Facebook messenger или Todoist, чтобы вы могли взаимодействовать с ними, просматривая что-то еще. Это особенно полезно, если у вас нет нескольких мониторов.

Интересная история

Вивальди несет уникальный просмотрщик истории со статистикой в ​​представлении календаря. Возможно, вы видели некоторую тревожную статистику, если вы используете (или не отключили) Google My Activity, но по крайней мере это отслеживается локально, только в вашем браузере. Я не видел ничего подобного в других браузерах. Это показало мне, что я сделал 50K просмотров страниц на 25K URL в феврале. Если вы хотите еще более продвинутую историю, посмотрите мою статью о постоянной истории.

Скриншоты сайта

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

Бонус: картинка в картинке для видео

PiP не является особенностью Вивальди, как и в Chome. Вы можете открыть любое видео и посмотреть его через другие окна на вашем компьютере. Опять же, это приносит пользу пользователям с одним монитором, но, тем не менее, приятно, что они реализовали его. Учитывая, что эта технология относительно нова, я могу только догадываться, что она сработает, когда кнопки PiP отображаются на элементах управления видео или, по крайней мере, в меню, вызываемом правой кнопкой мыши. На данный момент вам нужно небольшое расширение для Vivaldi или Chrome, чтобы найти видео на сайте и дать команду браузеру отключить его, но функциональность исходит от браузера. Если вы хотите попробовать его (даже в Chrome), вы можете запустить его с консоли любого сайта с видео:

document.getElementsByTagName('video')[0].requestPictureInPicture();

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

Моя рекомендация

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

Источник записи: https://letswp.io

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