Как настроить смартфоны и ПК. Информационный портал

Обзор браузера Vivaldi: возвращение к классике. Расширение для Vivaldi

Созданное вами расширение можно будет встроить в интерфейс браузера(не как дополнительное расширение, а как часть браузера). Простите за тавтологию.

Вам потребуется:

  • Знание основ CSS, HTML, JS и работы с DOM.
  • Если страшно - можно обойтись онлайн-справочниками(как я).
  • Редактор кода. Какой душе угодно, желательно с подсветкой Javasvript. Я пользуюсь Sublime Text 3 .
  • Минимум полчаса свободного времени

Шаг нулевой. Списывание

Создаем файл MyLinks.user.js(обязательно добавляем.user., иначе браузер не поймет что это расширение) в любой удобной директории. Открываем.

В целях сократить код я использовал функцию, которая упрощает создание html элементов из js(ссылку на источник прилагаю):

Function create(name, attributes) {
var el = document.createElement(name);
if (typeof attributes == "object") {
for (var i in attributes) {
el.setAttribute(i, attributes[i]);
}
}
for (var i = 2;i < arguments.length; i++) {
var val = arguments[i];
if (typeof val == "string") { val = document.createTextNode(val) };
el.appendChild(val);
}
return el;
}

Шаг первый. И второй... и третий...
Для начала нам нужно создать контейнер(квадратик), в котором будут храниться наши ссылки:


var linkBox = create("div", { id: "linkBox"});

Можно сразу задать ему стили, для удобства. Я использовал метод style.cssText:


linkBox.style.cssText = " width:180px; position: fixed;top: 100px;right: 0px; z-index: 999;background: #fff;padding: 10px;box-shadow: 0 0 20px 0px #999;display:flex; flex-direction:column;justify-content:space-between;text-align:left;";
var linkVivaldi = create("a", { href: "https://forum.vivaldi.net/category/20/%D1%80%D1%83%D1%81%D1%81%D0%BA%D0%B8%D0%B9"},
"Vivaldi RU Форум");
var habr = create("a", {href: "https://habrahabr.ru/top/"}, "Хабрахабр");
var vk = create("a", {href: "https://vk.com/vaskm"}, "Вконтакте")

LinkBox.appendChild(linkVivaldi);
linkBox.appendChild(habr);
linkBox.appendChild(vk);

Кладем наш бокс, собственно, на страницу:

Document.body.appendChild(linkBox);

Добавляем автоскрытие нашего бокса по таймауту:

LinkBox.onmouseover = function (){
if (document.querySelector("#linkBox").style.right == "-180px") {
document.getElementById("linkBox").style.right = "0";
setTimeout(5000);
}
setTimeout(function(){document.getElementById("linkBox").style.right = "-180px";}, 5000);
};

Ах да, забыли. Добавляем синюю полосу слева. Изначально она задумывалась как кнопка, а потом осталась просто для красоты:


var toggler = create("span", { id:"boxToggler"}, "");
//сразу же добавляем его в наш бокс
linkBox.appendChild(toggler);

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

// Создаем собственный CSS стиль
var style = document.createElement("style");

Добавляем стили обычным innerHTML(не забываем ставить += , иначе каждая запись будет стирать предыдущую):

// украшаем полоску слева. Можно добавить ее через:before
style.innerHTML = "#boxToggler{content: ""; position:absolute; top:0; bottom: 0; left: -10px; width: 14px; background: cornflowerblue;}";

//сам декорэйшенс
style.innerHTML+=" #linkBox a{padding: 5px 0 0 5px; line-height:8px; height:16px;font-size:14px;}";
style.innerHTML+="#linkBox a:hover{background: #ddd; text-decoration: none;}";
style.innerHTML+="#linkBox span{text-align: center;}";

Файл со стилями мы создали, осталось лишь засунуть его в наш документ, традиционно в <head> :

Document.head.appendChild(style);

Теперь сохраняем наш файл. Открываем страницу расширений vivaldi://extensions/ , отмечаем Developer Mode и перетаскиваем прям в окно наш файл. Должно появиться диалоговое окно с разрешением на установку. Соглашаемся. Открываем любой сайт. Наслаждаемся. Для добавления расширения в основной функционал браузера - кладем наш файл в корневую директорию браузера и прописываем к нему путь в файле browser.html.

С того дня, когда в Opera произошла маленькая революция, и вместо браузера на движке Presto был представлен одноименный веб-обозреватель на Chromium, прошло почти два года. Поначалу были те, кто еще надеялся, что со временем Opera станет прежней и получит всю ту массу функций, которые делали браузер на Presto уникальным. Однако совсем скоро стало ясно, что у разработчиков браузера нет такого намерения. Казалось, у Opera Software иная цель: не удержать старую пользовательскую базу гиков, а привлечь совсем другую категорию пользователей — тех, кто всерьез воспринимает список рекомендованных сайтов, и обсуждает, какую тему лучше подобрать для окна браузера.

Приверженцы старой «Оперы» расползлись кто куда: некоторые до сих пор используют Opera 12, которая уже скрипит по всем швам и не хочет корректно отображать часть современных сайтов. Другие переехали на современный, но уж слишком минималистичный Google Chrome, попытавшись его «подпилить» при помощи расширений (см. материал «Точка невозврата, или Переезд из Opera 12 в Chrome на ПМЖ»). Но, возможно, совсем скоро и те и другие смогут снова собраться вокруг одного браузера. Нет, на восстановление Opera надежд никаких нет, однако любимый миллионами браузер в ближайшем будущем возродится под новым именем — Vivaldi.

Первая предварительная версия Vivaldi была представлена еще в начале года, поэтому вполне возможно, что вы уже слышали о новом детище основателя Opera Software Йона Стефенсона фон Течнера. Йон покинул должность исполнительного директора компании еще в начале 2010 года. В течение еще полутора лет после этого он продолжал работать в Opera Software на должности советника, однако в июне 2011 ушел из компании. Главная причина — разногласия с руководством относительно развития браузера. В одном из интервью создатель норвежского браузера заметил, что Opera Software стала инвестиционной компанией и не заинтересована в развитии основного продукта.

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

«Браузер для наших друзей» — именно такое приветствие видит каждый, кто заходит на официальный сайт Vivaldi , чтобы скачать предварительную версию браузера. И еще до личного знакомства с новой программой становится понятно, что нас ждет что-то особенное. Несмотря на то, что Vivaldi, как и большинство современных веб-обозревателей, создан на движке Chromium, назвать его «очередным клоном» как-то язык не поворачивается. Сам создатель представляет свое новое детище как браузер с большим числом функций, очень гибкий в настройке и созданный прежде всего для пользователей, то есть для нас.

⇡ Особенности интерфейса

Несмотря на то, что все браузеры нынче похожи друг на друга своим минимализмом, у Vivaldi определенно есть свое лицо. Новый обозреватель встречает пользователей интерфейсом, очень похожим на Opera 12.

В правой части окна отображена боковая панель, которая легко прячется щелчком по кнопке на строке состояния. Строка состояния в нижней части окна — чисто «оперовская». Места на экране она занимает совсем немного, но при этом очень функциональна. Например, в текущей сборке Vivaldi на ней располагается ползунок для изменения масштаба, кнопка для управления содержимым страницы, а также кнопка для управления показом изображений. Да, как и в старой доброй «Опере», в новом браузере можно выключать загрузку изображений или же разрешать показ только картинок из кеша. Эта полезнейшая функция почему-то забыта разработчиками современных обозревателей, а ведь медленное 3G-соединение или неторопливый общественный Wi-Fi — явление вполне современное.

Верхняя часть окна Vivaldi тоже выглядит по-оперовски. Разработчики решили не отказываться от отдельной строки для поиска, расположенной рядом с адресной строкой (забегая вперед скажем, что, как и многое другое, поисковое окно можно настроить или удалить).

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

Слева от адресной строки ожидаемо располагаются копки навигации, но среди них есть не совсем привычные. Помимо стандартных «Вперед», «Назад», «Домой» и «Обновить», есть также немного позабытые «Возврат» и «Переход». Первая дает возможность одним щелчком мыши вернуться на точку входа текущего сайта. Вторая представляет собой своеобразный аналог функции «Мне повезет» при поиске в Google — она автоматически находит на текущей странице ту ссылку, на которую, скорее всего, вы перешли бы, и открывает ее. Понятное дело, что кнопка эта хорошо работает только в определенных случаях: при просмотре веб-галерей, для перехода на следующую страницу в результатах поиска, в общем, там, где поведение пользователя легко предугадать.

Рядом с панелью вкладок можно увидеть кнопку в виде мусорного ведра — в нем, как и можно ожидать, складируются закрытые вкладки. Кстати, восстановить только что закрытую вкладку можно привычным оперовским сочетанием CTRL+Z, хотя и хромовское CTRL+Shift+T тоже работает.

Из особенностей интерфейса хочется еще отметить кнопку с логотипом Vivaldi в верхнем левом углу. Кнопка эта, как и в Opera 12, открывает меню приложения.

Впрочем, те, кто считает, что отказ от строки меню в современных браузерах ни к чему хорошему не привел, может заменить кнопку V той самой строкой. Настройка интерфейса выполняется через меню «Вид». Можно скрыть строку состояния, кнопку для вызова меню, боковую панель, а также отобразить скрытую по умолчанию панель закладок. Последняя в Vivaldi — пока что не то же самое, что в старой «Опере», на ней просто дублируются элементы экспресс-панели или другой папки из «Закладок». Впрочем, разработчики обещают работать над этим элементом интерфейса и расширять возможности его настройки.

При работе с новым браузером можно обратить внимание, что окно приложения не имеет постоянного цвета. Цветовая гамма окна изменяется в соответствии с основным цветом активной веб-страницы. Не нравится такое новшество? Снимите флажок в соответствующем чекбоксе настроек и просматривайте сайты в привычном режиме.

⇡ Экспресс-панель: все лучшее из Opera

В окне новой вкладки Vivaldi отображает изобретенную норвежскими разработчиками и позже в том или ином виде заимствованную всеми браузерами экспресс-панель.

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

При просмотре закладок рядом с папками предлагается чекбокс для добавления сайта на экспресс-панель.

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

⇡ Боковая панель

Боковая панель в Vivaldi представлена пятью разделами. Тут нет перехода к истории посещенных страниц, как в Opera 12, зато есть возможность работы с закладками, загрузками и заметками.

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

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

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

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

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

Добавляются новые заметки точно так же, как в Opera, — нужно выделить текст на странице и выбрать соответствующую команду в контекстном меню.

Заметки могут быть сгруппированы по папкам, а редактировать их содержимое можно прямо на панели. Кроме текста, заметки могут содержать изображения и файлы. Если перейти в режим редактирования заметки, можно добавить в не скриншот текущей веб-страницы или прикрепить любой файл с компьютера.

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

⇡ Работа с вкладками

Что касается работы со вкладками, Vivaldi вобрал все самое лучшее и двух браузеров: Opera и Chrome. Как и в браузере Google, в контекстном меню панели вкладок Vivaldi есть команда для добавления всех открытых вкладок в закладки. Кроме этого, можно закрыть все вкладки, кроме активной, закрепить текущую или дублировать ее.

При открытии ссылки в новой вкладке веб-страница появляется после всех открытых вкладок (как в «Опере»). Положением панели вкладок можно управлять как вздумается. Хотите разместить ее не сверху, а внизу? Нет вопросов. А если попробовать, скажем, справа или слева? Да без проблем! Любители минимализма могут вообще отключить панель вкладок, благо привычное переключение по CTRL+TAB отлично работает. В Vivaldi можно выбрать даже очередность переключения вкладок: в порядке расположения или использования.

Для удобной навигации между вкладками в новом браузере реализована предварительная визуализация эскиза веб-страницы при наведении курсора (как в «Опере»). Эскизы очень удобны и при работе с функцией группировки вкладок.

Группировка — одно из тех конкурентных преимуществ Vivaldi, о которых говорили еще до выхода первой общедоступной тестовой версии. Поскольку Vivaldi позиционируется как браузер для гиков, удобная работа с большим числом вкладок просто необходима. И она реализована в новом браузере блестяще. По умолчанию открытые страницы не группируются, но если вкладок становится слишком много, пользователю достаточно выбрать пункт «Группировать подобные вкладки» в контекстном меню панели вкладок. При этом браузер сгруппирует все страницы с одного сайта, и число вкладок на панели уменьшится. При наведении курсора на группу можно увидеть эскизы помещенных в ней страниц и перейти на нужную.

Как уже было сказано выше, переключение между вкладками осуществляется привычным сочетанием клавиш Ctrl+Tab, однако работает оно не совсем так, как в Opera. При нажатии этой комбинации клавиш не появляется окно со списком открытых вкладок, а сразу осуществляется переход к другой вкладке. Однако любимое многими окошко перехода между страницами в Vivaldi тоже есть, просто оно переработано и улучшено. Оно называется окном быстрых команд и вызывается из главного меню или (что гораздо логичнее, так как быстрее) — нажатием на клавишу F2.

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

⇡ Настройки: много и разных

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

Кстати, поддержка большого числа языков — одна из фирменных «фишек» нового браузера. Vivaldi уже поддерживает около сорока языков, среди которых даже такие, для которых нет поддержки в других обозревателях (в частности, белорусский и армянский). Для перевода браузера на новые языки разработчики активно задействуют общественность, и в команде переводчиков уже трудится около сотни человек. В обозримом будущем планируется перевести браузер на 100 языков.

Итак, окно настроек содержит шесть основных разделов, есть также возможность отобразить все параметры сразу. Кроме этого, работает поиск: просто начинайте вводить ключевое слово в специальном окошке — и подходящие настройки возникнут сами. Стоит обратить внимание на раздел настроек «Управление». Он дает возможность настроить все сочетания клавиш, используемые при работе с браузером. Для каждой операции можно добавлять и удалять сочетания, есть возможность быстро вернуться к исходным значениям. Тут же настраиваются используемые поисковые системы, можно также отключить поисковое окно. В этом случае адресная строка растягивается во весь экран, и окно Vivaldi выглядит более современно.

Много внимания в Vivaldi уделено безопасности. В соответствующем разделе настроек можно обнаружить уже ставшую привычной функцию Do Not Track, которая, напомним, была инициирована компанией Mozilla как метод защиты пользователей от сбора данных о них при посещении сайтов. Технически она реализована как отправка отдельного заголовка в ответ на каждый HTTP-запрос, чтобы дать удаленному серверу знать о том, что пользователь не желает, чтобы за ним следили. Как и в Google Chrome, в Vivaldi эта функция по умолчанию отключена. А вот защита от мошенничества и вредоносного ПО включена и неплохо справляется со своей задачей.

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

⇡ Импорт настроек: чувствуйте себя как дома

Наверное, самая большая проблема при смене браузера — необходимость повторного сохранения паролей, а также потеря закладок. Наверняка приверженцы Opera еще не забыли, как при смене движка их лишили не только удобного браузера, но и всех данных. К счастью, теперь все пароли, заметки, закладки можно перенести в Vivaldi несколькими щелчками мыши.

Не забыт, кажется, никто: если на компьютере уже не установлена Opera 12, но перед сносом был сохранен файл закладок, его можно импортировать в новый браузер. Для тех, кто работает с Chrome, возможен импорт паролей, закладок и истории (при этом можно выбрать нужного пользователя), приверженцы Mozilla Firefox и Internet Explorer могут импортировать закладки, пароли, историю посещенных страниц и поисковые сервисы. Перенесенные закладки можно найти в отдельных папках типа Imported from Opera и, как уже было сказано выше, быстро добавить нужные сайты на экспресс-панель.

⇡ Дополнительные инструменты

Некоторые инструменты, доступные в Vivaldi, хорошо знакомы пользователям Google Chrome. Так, в браузер встроены «Менеджер задач» и «Инструменты разработчика». Но есть и уникальные функции. Скажем, Page actions — эта одна из функций Vivaldi, которая пока что не переведена в интерфейсе на русский язык. С ее помощью можно накладывать на страницу различные фильтры, выделяя нужный контент. Например, можно инвертировать цвета на странице, делать изображения наклоненными, выделять отдельные блоки текста и так далее.

Стоит также упомянуть возможность просмотра используемых веб-обозревателем дополнений. Нет, Vivaldi на данном этапе не поддерживает загрузку расширений (разработчики пока что не планируют включать эту возможность и хотят, чтобы браузер был полноценным прямо «из коробки»), речь идет о тех дополнениях, которые делают комфортной работу с веб-сайтами. На странице «Плагины» можно просмотреть все предустановленные дополнения, отключить некоторые из них или же установить флажок «Разрешать всегда».

⇡ Заключение

Помнится, когда вышла первая Opera на Chromium, нам пытались объяснить, что переезд на новый движок — дело сложное, а потому все, что мы любили в старой Opera, будут добавлять со временем. И добавляли, но только вовсе не то, о чем просили. А запуская в первый раз Vivaldi, просто радуешься. Вот это — именно та программа, которую ждали, когда все узнали о переходе Opera на новый движок. В Vivaldi находишь все именно там, где ожидаешь, — вот боковая панель, вот кнопка для быстрого восстановления закрытых вкладок, вот окно сохранения файла, возникающее перед загрузкой. И при более глубоком погружении в программу радость только усиливается. Тут все на месте: группировка вкладок, доработанные заметки, суперудобное окно быстрого перехода. И остается спросить: как же так получается, что движок один и тот же, а программа совсем другая? Выходит, если захотеть сделать так, как нужно, то на это годы не нужны. Виват, Vivaldi! Это — браузер, которого нам так не хватало в течение последних лет. И который совсем скоро можно будет без зазрения совести устанавливать как обозреватель по умолчанию.

Почему скоро, а не прямо сейчас? Текущая версия — это еще даже не бета, это Tech Preview. К сожалению, есть необходимые вещи, которых в Vivaldi пока что нет. В частности, не добавлена синхронизация данных между компьютерами. Но Йон фон Течнер и его команда разработчиков ценят своих пользователей и прислушиваются к ним, поэтому нет никакого сомнения, что и эта, и десятки других нужных функций появятся в браузере в самое ближайшее время.

Have you noticed that Vivaldi is localized into several dozen languages? Do you know who is behind our translations? Wanna join this amazing team of volunteer translators?

Today, technology companies like to involve users in the process of creating content. Vivaldi is a modern company and we’re trying to be at the forefront of technological development. Naturally, we actively try to create the browser together with our users. Have you ever wondered how we do localization of the Vivaldi browser?

As you may have noticed, Vivaldi is localized into several dozen languages. At the same time, we don’t have a localization department. At all. In addition, we don’t use the services of translation agencies. Absolutely all translations are performed by volunteer translators from among our community of users. At Vivaldi, we have just one manager responsible for interacting with this international team – numbering more than 200 translators! – for updating translations in Vivaldi products, and for taking care of the technical part, correcting various bugs in the browser code associated with localization.

Actually, the technical side is solved in a simple way: we installed a Weblate translation system on our servers and invited everyone to participate in the browser translation. And today we have more than 200 translators from 50 countries.

Almost all Vivaldi translators have come into our volunteer team in a similar way.

“I was using old Opera 12 in the past, but then it became too outdated, so I tried to migrate to Chrome, Firefox, Lunascape, Sleipnir, CoolNovo and a few other browsers until I ended up with Maxthon browser, which I was using for two years. Then I noticed an article on some Czech tech website mentioning Vivaldi, a browser from the good old Opera devs. Yeah! Since then I’ve been a Vivaldi user.”

R3gi , Czech translator

R3gi

But this way was not always straightforward:

“My friend told me about the browser. He said that the new browser was being developed by a team, which left Opera Software. I downloaded and installed the browser (it was one of the first TP builds) aaand … I didn’t like it! But some time later, those sides that pushed me away, began to attract – a customizable interface, a lot of settings, dissimilarity with its brothers.”

Kurai , Ukrainian translator


Kurai

And the motivation of those who decided to help us with the translation of the browser into different languages was similar:

“As I was one of the first in my country to use the Vivaldi browser, the translations were not good at all. Most of the text was unfinished and not localized. I felt like the Vivaldi browser will grow only if people can understand it and feel comfortable.”

Drahomir Dubina , Czech translator


Drahomir Dubina

“From the very beginning, I knew that this is the browser for me and I want to take part in the project. Being a translator gives me a lot of joy, satisfaction and allows me to have some impact on the way Vivaldi looks, at least in my language.”

Bartłomiej Trzewiczek , Polish translator


Bartłomiej Trzewiczek

I should note that all translators understand the importance of the software localization – in fact, it is also what motivates them the most:

“Not all users speak English and therefore tend to avoid using a program that is not in their native language, so I think we need as many translations as possible. I consider this very important for the dissemination of Vivaldi.”

Andrea Gramegna , Italian translators

“On my home PC, I really like to use software that displays labels in my own language.

I also use localized OS. So I totally understand people who have a similar attitude.”

P. , Polish translator

“If you want to use a product or better control it, you need to understand it. If you do not understand, many features will be unknown to you or you will not use their potential. Therefore, it is important to me that people understand and know how to use the browser.”

Matúš Baňas , Slovak translator

Matúš Baňas

And, finally, people just like to do what they do – it gives them pleasure and the opportunity to make the world a little better:

“I’ve been doing this for a long time now, as a hobby, in my free time. I just want to build something.”

Tom Evin , Hun garian translator

There is one more important side in the Vivaldi localization process – we try to support as many languages as technically possible. And even if the actual Chromium core does not support any languages or dialects, we try to give people the opportunity to use the Vivaldi browser in their usual communication language.

“I would not call it ‘important’, but more like a step towards keeping local dialects alive. So we should not only translate into our main language and remove as many English words as possible but also think a step further and translate software into local dialects.”

Matthieu Gissler , translator to Swiss High German


Matthieu Gissler

Well, what are the results of our work with the volunteer translators? To date, we have the Vivaldi browser completely translated into 38 languages. In addition, we have 72 languages on the Weblate server which are not yet complete but work is in progress. It should be noted that 29 of them are not supported in Chromium.

But this, of course, is not the limit. With help from our users, we can do much more. If you’d like to take part in the translation of the browser into your language post in the comments below and we’ll get in touch with you through the forum. Together we can create a truly unique browser, the best in the world!

Main photo by Clark Tibbs on Unsplash.

Please enable JavaScript to view comments

Для большинства пользователей обозреватель сети Интернет является главной программой на компьютере, следовательно он должен быть быстрый, удобный, функциональный, не «жрать» ресурсы компьютера…, а если в нём будут свои уникальные фишки, которые отличали бы его от многочисленных клонов — вообще супер, правда?

Вы скажете, что нет сегодня такого браузера? Вы заблуждаетесь — это отличный от всех браузер Vivaldi .

История Vivaldi

13 февраля 2013 компания Opera Software официально объявила о переходе своего браузера на технологию WebKit и прекращении работ над собственным движком рендеринга страниц Presto — это была чёрная среда для фанатов отличного от всех обозревателя.

Производители слёзно уверяли нас, что этот резкий поворот только к лучшему, что функционал не изменится и «Вам понравится», а на самом деле получился очередной унылый клон Google Chrome, который даже через 2 года не стал похожим на прежнюю Оперу (не говоря уже о каких-то улучшениях и развитии) — из программы просто вырвали душу.

Видимо один из основателей Opera (Йон Стефенсон фон Течнер) знал, что так и получится ещё в 2011 году — он покинул компанию, а в августе 2014 года создал свою Vivaldi Technologies, которая занялась разработкой собственного браузера под названием Vivaldi. Ядро оставили новое (WebKit) из-за нехватки средств и времени, но то, что в итоге получилось… новая Опера нервно курит в стороне.

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

Браузер Вивальди

Старая добрая Опера, которая подарила нам визуальные закладки , управление жестами мышки и много других уникальных фишек (бессовестно украденных конкурентами) может гордиться своим настоящим преемником…

Потребление оперативной памяти

Тут и говорить нечего. Открыл в топовых обозревателях по пять одинаковых вкладок и демонстрирую Вам результат диспетчера задач Windows…



Все подопытные 64-битные. Лидером вышло встроенное изделие, которым пользуются только странные люди. Надо учесть, что Adblock Plus для Internet Explorer у меня не получилось впихнуть в Edge и он вообще пустой как барабан (без визуальных закладок, управления жестами мышки, цветных вкладок, встроенной почты и т.д.).

Google Chrome у меня тоже без всех вышеперечисленных расширений (потому что я им не пользуюсь практически). А вот Вивальди имеет все (и многие другие) фишки, потребляя при этом всего 45 Мб оперативной памяти — отличный результат.

Mozilla Firefox оказался вообще монстром пожирающим ресурсы компьютера — очень печально этот факт констатировать, он мне очень нравился.

Удобные настройки Vivaldi

Первое, чем меня поразила эта программа — удобными, понятными, практичными настройками. Их количество впечатляет, но не пугает, после знакомства с ними. Всем уделять внимания не буду (сильно растянется и так не маленькая статья), а покажу Вам только те, которые понравились и даже удивили.

Открыть волшебные настройки можно кликнув по кнопке меню браузера и зайдя в «Инструменты». Сказка начинается во вкладке «Внешний вид»…

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

Уникальная функция скрытия адресной строки

Тут же можно отключить постоянное отображение адресной строки…

Фантастика — её можно скрыть наконец-то!!! Отображать эту строку можно, когда она нужна, методом тыка по назначенной кнопке клавиатуры (ниже покажу). Получается такой себе полноэкранный режим с одной панелью вкладок — владельцам ноутбуков понравится, я уверен.

Стартовая страница

Цвет фона и фоновый рисунок на стартовой странице можно менять на своё усмотрение — легко и просто…

Экспресс-панель с визуальными закладками тоже легко корректируется…

Кстати, таких закладок можно делать бесчисленное количество и раскладывать их по группам…

Жмите плюсик и вместо «New Folder» вписывайте своё название группы закладок.

Настройка вкладок

Переходим в настройки вкладок…

Как видите — панель вкладок тоже можно скрывать убрав галку и назначив на эту операцию кнопку клавиатуры. Эскизы на вкладках отлично помогают ориентироваться в их большом количестве. Зазор между вкладками и окном легко убирается, только не совсем мне понятно наличие его изначально — есть фанаты этого зазора?

Обязательно оставьте галку на «Включить группировку» — эта функция Вам понравится, читайте дальше.

Волшебная боковая панель

Ещё одно ноу-хау от Opera возвращается — боковая панель…

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

Клавиатурные комбинации

Клавиатурные комбинации есть в любых браузерах, но только в Вивальди они позволяют взять программу под полный контроль…

В самом низу страницы настроек этих комбинаций есть свёрнутые разделы — не забудьте про них…

Именно тут можно переназначить кнопки для отображения\скрытия адресной панели и панели вкладок (писал об этом выше)…

Другие настройки

Возможно кто-то ещё помнит уникальное и удобное окно загрузок в Opera? Есть оно и в Vivaldi…

Чтоб оно красиво появлялось всегда, нужно оставить галочку в настройках…

Кто не любит плавную прокрутку страниц и предпочитает дёрганную — снимите галку тут…

В разделе настроек «Пароли» можно посмотреть эти самые сохранённые пароли, но скопировать их не получится — это изменить нельзя по соображениям безопасности.

Фишки браузера Vivaldi

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

Напомню, что в Вивальди такой же движок, как и в Google Chrome, так вот в последнем «голосящие» вкладки можно только увидеть (по значку динамика), а в герое этой статьи звук ещё можно и отключать не переходя на страницу (как в Mozilla Firefox ).

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

Группировка вкладок в Вивальди

В каждом разделе будут отдельно работать жесты мыши, прокрутка и всё остальное — как-будто у Вас открыто несколько браузеров одновременно. Страницы адаптируются к размеру автоматически (если сайт современный и правильно сделан ). Такая фишка сведёт с ума владельцев широкоформатных мониторов , я уверен.

Это новый десктопный браузер доступный для Linux, Windows и MacOS созданный преимущественно для людей, которые скучают по старой Opera и хотят иметь максимальный контроль над браузером. После нескольких лет разработки недавно состоялся первый стабильный релиз Vivaldi, но есть ли что-то, из-за чего вы должны немедленно бросить свой старый браузер и поменять его на Vivaldi?

Браузер Vivaldi разработан компанией Vivaldi Technologies. Компания была создана бывшим со-основателем Opera Jón S. von Tetzchner. Когда-то у Opera было много фанатов и людей, которым он просто нравился. Со временем они заметно отстали от Chrome и Firefox и потеряли свою былую популярность. Переход со своего движка на Blink так же не помог, а скорее даже ускорил отток лояльных когда то к браузеру пользователей.

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

Speed Dial

Speed Dial в Vivaldi получило несколько улучшений в сравнении с Opera. Вы можете собирать ваши сайты в именованные группы, изменять фон или даже можно исползовать папку с закладками в качестве панели быстрого запуска.

Во всех браузерах есть стандартные панели быстрого запуска, но все они мягко говоря не очень. Конечно, это решается дополнениями, но, скажем для firefox нет ни одного внятного подобного дополнения. Пользователям Chrome в этом плане легче - у них есть отличнейшний speeddial2. В целом панель быстрого запуска в Vivaldi ничем не уступает speeddial2, и явно лучше всех имеющихся дополенний реализующих подобную функциональность для Firefox.

Быстрые команды

Если вы терпеть не можете лишний раз тянуться к мышке, и лишнему движению руки предпочитаете клавиатурные "шорткаты", то вам определенно понравятся "Quick Commands" в Vivaldi. Что-то похожее есть во многих IDE. Например, в Sublime Text 2 и Atom - это командная палитра, в Atom. "Быстрые команды" позволяют производить поиск по всему: открытым вкладкам, закладкам, истории, настройкам и разным действиям с самим браузером (открытие новых вкладок, окон) по нажатию F2 . Диалог "быстрых комманд" так же показывает клавиатурные комбинации для различных действий и команд.

К сожалению в Chrome или Firefox я не обнаружил дополнений реализующих хотя бы похожую функциональность. Особенно удобно пользоваться "быстрыми командами" в сочетании в "никнеймами" закладок: закладке дается удобное короткое имя (никнейм), и при наборе из панели быстрых команд части никнейма - Vivaldi дополнит и откроет закладку.

Веб-панели

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

Размер панели разумеется можно изменять.

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

Группы вкладок

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

При наведении мышки на группу вкладок появится всплывающее окно с миниатюрами всех вкладок в этой группе, по нажатию на миниатюру вкладка будет открыта:

В сочетании с поиском по всем вкладкам через диалог быстрых команд - это очень удобная возможность, позволяющая легко ориентироваться в большим количестве вкладок. Только надо не забыть установить The Great Suspender , иначе память может очень быстро и незаметно закончиться.

Подобная функциональность есть в Firefox, в виде теперь уже расширения Tab Groups . В Chrome ничего даже близко подобного по удобству нет.

Просмотр нескольких вкладок одновременно - тайлинг

Кроме всего прочего, Vivaldi может отображать несколько владок одновременно разделяя основное рабочее пространтсво между ними. Что-то вроде тайлинговых оконных менеджеров в Linux, только вместо окон веб-сайты. Можно отображать вкладки из группы, или просто отдельные. Например, если вы хотите посмотреть сразу одновременно несколько вкладок из группы, нужно выбрать группу, нажать по ней правой кнопкой мышки и во всплывающем окне выбрать Tile Tab Stack:

По-умолчанию страницы будут расположены вертикально.

Расстановку можно изменить с помощью кнопки в панели со статусом.

Есть так же удобные клавиатурные комбинации, которые действуют сразу на все открытые в данном окне вкладки:

  • Ctrl-F7 расположит вкладки в "сеть";
  • Ctrl-F8 расположит вкладки по горизонтали
  • Ctrl-F9 расположит вкладки по вертикали;

В Firefox и Chrome для того, чтобы получить аналогичную функциональность необходимо установить дополнение. Например, для Firefox есть дополнение Tile Tabs . Для Chrome ничего даже близко похожего и удобного я не нашел.

Выгрузка вкладок из памяти

Открыли слишком много вкладок, память закончилась и браузер стал медлительным? В vivaldi есть решение этой проблемы. Фоновые вкладки можно выгрузить из памяти, при этом они останутся на месте и по клику мгновенно будут загруженны из кэша. Это освобождает так иногда нужные ресурсы.

Чтобы выгрузить все вкладки кроме текущей активной, нажимаем правой кнопкой мышки по активной вкладке и выбираем Hibernate Background Tabs из меню. Текущая активная вкладка при этом останется активной. Так же можно выгрузить отдельные вкладки, правда этот пункт в меню появляется только когда уже открыто достаточно большое количество вкладок. Для выгрузки, делаем тоже самое - нажимаем правой кнопкой мышки по нужной вкладке и выбираем Hibernate Tab . Данная функция не работает в ОС Linux пока что, но разработчики Vivaldi обещали это скоро исправить.

В Firefox подобная функциональность достигается с помощью дополнения UnlockTab , в chrome - The Great Suspender . Мне лично лениво руками выгружать ненужные вкладки, поэтому в Vivaldi я так же установил The Great Suspender, т.к. он может автоматически выгружать неактивные вкладки по истечении определенного времени.

Эскизы открытых вкладок

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

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

Конечно, vivaldi может показывать эскиз страницы и при наведении мышки на вкладку:

Управление сессиями

В любое время можно вернуться к любой сохраненной сессии:

В Firefox и Chrome подобную функциональность так же можно достичь с помощью дополнений. Для Firefox - Session Manager , для Chrome Session Buddy .

Rewind and Fast Forward

Я думаю, вам известны кнопки "вперед" и "назад" в браузерах. В Vivaldi к ним добавили ещё несколько полезных - это "Перемотка" (Rewind) и "Перемотка вперед" (Fast forward).

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

"Перемотка вперед" немного другое: для любого сайта у которого есть несколько страниц, по нажатию этой кнопки Vivaldi перейдет на следующую страницу. Искать при этом саму кнопку на сайте не нужно. Например, в поисковой выдаче Google можно просто нажать кнопку быстрой перемотки для перехода на следующую страницу с результатами поиска. Главное, чтобы была поддержка со стороны сайта.

Эти кнопки могут ощутимо облегчить серфинг в интернете. В Firefox и Chrome нет таких фич, так же нет и дополнений реализующих эту функциональность.

Настройка внешнего вида веб-сайта c Эффектами страницы

Vivaldi позволяет наложить эффекты на сайт, чтобы облегчить его чтение или просто для удобства. Нажимаете <> в статусной панели в правом нижнем углу браузера, и выбираете нужные фильтры. Выбранные фильтры применятся только к текущей странице, поэтому можно применять разный набор фильтров к разным сайтам.

В Firefox и Chrome такой возможности нет, да и дополнений реализующих подобный функционал я не нашел.

Расширения

Vivaldi основан на Chromium, так же как и Chrome. Поэтому Vivaldi поддерживает расширения написанные для Chrome. Однако, не все расширения хорошо работают в Vivaldi, а некоторые не работают совсем. Например, у меня не заработал менеджер паролей Last Pass, а популярное расширение для сервиса Pocket до недавнего времени валило браузер наповал.

Для установки расширений переходим на страницу с расширениями для Chrome, и просто их устанавливаем.

Лучшие статьи по теме