Vivaldi перевод страниц. Vivaldi — браузер с человеческим лицом

10 лайфхаков для браузера Vivaldi

• Блог компании Vivaldi Technologies AS ,
• Браузеры

Всем привет!

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

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

1. «Босс-кнопка»

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

На самом деле функция даже более совершенна, чем это можно себе представить, ведь никакой кнопки вообще нет! Для того, чтобы активировать данный режим, необходимо лишь включить фильтр размытия в «Эффектах страницы». Теперь просто выведите курсор мышки к краю экрана - изображение страницы автоматически растворится!

2. Сортировка закладок

Мы любим закладки. Как правило, у каждого из нас имеется неслабый багаж «нажитого непосильным трудом» за многие годы работы в сети. Одна беда: время от времени их приходится сортировать, чтобы время поиска нужной закладки оставалось в разумных пределах. К сожалению, вертикальный размер дисплеев не позволяет вместить весь список папок и файлов закладок, что может затруднить процесс сортировки. К счастью, у вас есть браузер Vivaldi! Просто откройте закладки в боковой панели и во вкладке, а затем просто переносите нужные из одной папки в другую.

3. Создание закладки

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

4. Изменение стартовой Экспресс-панели

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

5. Просмотр сохранённых паролей

Сегодня у каждого из нас имеется несколько десятков (как минимум) учётных записей на самых различных сайтах, и если вы не используете один и тот же пароль для всех случаев, неизбежно наступает момент, когда нужно вспомнить его для одного из веб-сайтов. Как это сделать в браузере Vivaldi? Очень просто. Как вы знаете, наш браузер построен на ядре Chromium, поэтому многие функции пришли к нам по наследству. Введите в адресной строке адрес:

chrome://settings/passwords

Теперь вы сможете разыскать пароль, даже если он был сохранён много времени назад.

Для того, чтобы постоянно держать под рукой YouTube-канал, на который вы подписаны, и своевременно получать все свежие ролики, просто разместите канал в виде веб-панели - теперь новые видео будут на расстоянии одного клика.

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

8. Настройки, как домашняя страница

Любите экспериментировать с настройками браузера и хотите, чтобы они всегда были под рукой? Назначьте в качестве домашней внутреннюю страницу vivaldi://settings - теперь настройки будут открываться при нажатии на кнопку «Домой» в адресной панели браузера.

9. Быстрый поиск вкладки

Если у вас открыто много вкладок, особенно - с одного и того же веб-сайта, и вам сложно найти среди них нужную, просто воспользуйтесь клавишей F2 и начните вводить название страницы или адрес - в отфильтрованном списке вы легко найдёте нужную страницу. Выделите её и нажмите Enter - дело сделано.

10. Жест-змейка

Жесты мышью уже стали привычной функцией во многих браузерах. Есть они и в Vivaldi. Более того, в тестовой сборке браузера мы добавили возможность создавать новые жесты для самых различных действий. Одна беда: со временем число доступных удобных перемещений курсора мыши неизбежно подходит к концу. На такой случай 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;
}

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

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

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);
};

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

Стили можно прописывать не только явным указанием через 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.

Vivaldi разрабатывается большой командой разработчиков под руководством Jon S. von Tetzchner, одного из соавтора старой версии веб-браузера Opera.

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

Браузер построен на базе Chromium, однако при этом предлагает интерфейс, функции и возможности, хорошо знакомые по старым версиям веб-браузера Opera. Среди них: при предосмотр сайта при наведении мышки на вкладку; традиционная экспресс-панель (Speed Dial) с переключением между закладками и историей; менеджер загрузок как в старой Опере; левая панель и заметки, а также множество настроек для конфигурации веб-браузера под свои предпочтения.

Основные возможности браузера Vivaldi

Синхронизация

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

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

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

Заметки

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

Экспресс-панель

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

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

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

Современные веб-технологии

Vivaldi имеет не только мощный набор функций, но и построен на современных веб-технологиях. Движок - Chromium. Используется JavaScript и React для пользовательского интерфейса, с помощью Node.js, Browserify и большого количества NPM-модулей.

Панель закладок

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

Управление отображением картинок

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

Расширенная поддержка языков интерфейса

Сегодня браузер Vivaldi может "говорить" на более, чем 35 языках, в том числе даже на таких экзотичных, как Идо . Также стоит отметить, что в число доступных языков вошли и те, что не поддерживаются в других браузерах. Это, к примеру, Белорусский, Галисийский, Армянский, Македонский, Исландский - в общей сложности пока мы предлагаем 8 языков, доступных только в Vivaldi.

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

Кто-то может спросить, зачем вообще менять браузер, ведь Chrome/Firefox/Internet Explorer и так неплохо работают. Увы, все браузеры рано или поздно «обрастают жирком» и становятся медленными и неудобными: так и было и с Firefox, и с Opera. В 2015 году Йон фон Тетцнер, один из основателей Opera, вместе с частью разработчиков ушел из компании и основал Vivaldi Technologies. Год спустя они выпустили Vivaldi, продвигаемый как Browser for our friends : в противовес мейнстримным браузерам «Вивальди» призван дать пользователям самые широкие возможности настройки.

Разработчики не изобретают весь велосипед с нуля: Vivaldi основан на движке Chromium (Blink), используемом в Google Chrome, «Яндекс.Браузере» и других совместимых браузерах. Это совершенно разумно: Blink сейчас - наверно, лучший движок, и небольшая команда разработчиков сможет сконцентрироваться на интерфейсе, не беспокоясь об отображении страниц. Кроме того, это делает «Вивальди» совместимым с большинством расширений Chrome.

Раз уж интерфейс заявляется как главная особенность Vivaldi, посмотрим на него подробнее. У многих «хромододобных» браузеров схожий интерфейс, а у «Вивальди» он принципиально другой, написанный с нуля на HTML: движок Blink используется не только для веб-страниц, но и для отображения самого браузера. Это означает, что пользователь может применить собственный стиль CSS или JavaScript к любому элементу интерфейса. Хотите сделать адресную строку фиолетовой? Хотите отображать панели только при наведении на них курсора? Хотите, чтобы кнопка закрытия окна выглядела не крестиком, а ноликом? Всё это возможно.

Самая заметная (и очень важная лично для меня) особенность - отдельная строка поиска справа от адресной строки. Очень удобно разделять ввод адреса и поиск: ни в одном известном мне «хромододобном» браузере этого нет.

Часть элементов заимствованы из старой «Оперы», в том числе боковая панель и строка состояния. Боковая панель достойна подробного описания: в ней по умолчанию расположены диспетчер закладок и загрузок, а пользователь может прикрепить к ней любой сайт (ширина панели настраивается для каждого сайта отдельно). Можно, например, смотреть Youtube боковым зрением, и исключительно удобно держать в боковой панели открытые словари:

В «Вивальди» встроена поддержка заметок. На любой странице можно выделить текст, щелкнуть по нему правой кнопкой мыши и выбрать Add selection as new note . Можно создавать заметки и вручную в диспетчере заметок, а впоследствии текст любой заметки можно вставить в любое поле, поддерживающее вставку текста.

Я люблю открывать много вкладок - так, что названия страниц на них уже не видны. Чтобы показать все вкладки списком, в Chrome потребуется установить расширение, а в «Вивальди» для этого есть отдельный пункт меню и удобная клавиша F2. Здесь есть и встроенное управление сеансами: можно сохранить список открытых вкладок как сеанс, а потом быстро восстановить один из прежних сеансов - опять же, в других браузерах для этого нужны расширения.

Наконец, еще одна мелочь - не критичная для работы, но показывающая отношение разработчиков к пользователям. Движок Blink поддерживает выгрузку вкладок из памяти. В «Вивальди» для этого нужно щелкнуть по вкладке и в контекстном меню выбрать Hibernate Background Tabs : браузер освободит немного (или много) оперативной памяти. Для сравнения попробуйте найти эту функцию в Chrome, ведь движок один и тот же.

Конечно, я перечислил далеко не все функции и не все, которые отличают «Вивальди» от конкурентов. Это просто примеры, показывающие философию разработчиков: не «упрощать» и «модернизировать» программу, а отдать ее настройку на откуп пользователям.

Резюме: перспективный браузер для тех, кому не все равно, чем пользоваться. Попробуйте и вы!

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

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

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

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

Нужно ли и как загружать плагины в Вивальди?

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

При вашем желании возможна и самостоятельная установка плагинов. Для этого вам нужно перейти в «Настройки», найти раздел «Дополнения» или «Расширения», после чего появится список плагинов, которые нужно скачать для работы.

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

Зачем вообще нужны плагины для браузера?

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

Это оправдывается разработчиками. Ведь созданием и развитием приложения занимаются разработчики знаменитой Оперы.

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

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

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

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

Эти пункты и вызвали необходимость в появлении плагинов и расширений.