Где скачать темы для браузера вивальди. Как загрузить плагины в браузере 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.
Какая программа является основным рабочим инструментом переводчика? Пожалуй, все-таки не «кошка», а браузер. Профессиональные переводы вполне можно делать без САТ-среды (хоть это и неудобно), а вот без браузера работать затруднительно. Сегодня хочу рассказать о новом, набирающем популярность браузере .
Кто-то может спросить, зачем вообще менять браузер, ведь 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, ведь движок один и тот же.
Конечно, я перечислил далеко не все функции и не все, которые отличают «Вивальди» от конкурентов. Это просто примеры, показывающие философию разработчиков: не «упрощать» и «модернизировать» программу, а отдать ее настройку на откуп пользователям.
Резюме: перспективный браузер для тех, кому не все равно, чем пользоваться. Попробуйте и вы!
Последние несколько лет я использовал браузер Google Chrome. Всем он хорош, но есть проблемы с производительностью. При открытии большого количества вкладок — больше 20 штук — он начинает тормозить. Его проблема в использовании диска. Когда я сменил диск в своем ноутбуке на SSD, то производительность браузера ощутимо возросла.Да и системы в целом. Но даже сейчас эта проблема никуда не делась — Хром как-то странно нагружает диск.
Услышал я за браузер Vivaldi (у mr. Vigner). Оказывается это реинкарнация браузера Opera на движке Chromium, том же, на котором сделан Гугл Хром. Точнее форк. Когда то давно Опера была моим любимым и основным браузером. Но потом что-то с ним случилось и перестал его юзать.
Мне в ней нравились гибкие настройки, можно было настроить под себя абсолютно любые . В нем был отличный почтовый клиент. Кстати да, вот в этом и была причина, по которой перестал его использовать — убрали почтовый клиент. В общем, решил я попробовать этот Вивальди. Поставил. Вроде хорош. Но после месяца использования вернулся на Chrome, обнаружив кучу недостатков и никаких ощутимых преимуществ в сравнении с Хромом.
Расширения на Vivaldi
Их можно поставить абсолютно те же самые, что ставятся на Google Chrome.
Что я незамедлительно и сделал — поставил адблок.
Кстати, в этом браузере мне не понадобилось использовать , которое позволяет сохранять все открытые вкладки и окна, то есть всю сессию.
Потом в любой момент можно открыть любой из сайтов в той сессии. Это бывает удобно, когда нужно быстро переключиться на работу с какими то другими задачами и сайтами. Допустим, сижу я настраиваю серверы, открыто у меня три окна по 10-15 вкладок, с разными мануалами, техническими доками, тестовыми сайтами. Тут бац, нужно все это убрать срочно и переключиться на решение какой-нибудь домашней задачи, например поиск квартиры. Если открывать еще вкладки или окна уже под это дело, то можно окончательно запутаться, да и ресурсы компьютера не резиновые — будет тормозить.
Нужно что-то что-то закрыть, и освободить ресурсы как мозга, так и машины. Но после решения этой задачи нужно будет вернуться к той, которая была прервана. Чтобы потом мучительно не вспоминать чем же все было брошено и что вообще было сделано, не искать заново мануалы я и пользуюсь сохранением сессий. Загрузил сессию и быстро включился в работу. Так вот, Вивальди поддерживает эту функцию нативно, без расширений.
Из достоинств на этом, пожалуй, и все. Ну, как всё — для непривередливого пользователя браузер хорош. Просто остальные достоинства его не выделяют, ибо они есть в любом браузере на базе Chromium. В том числе и в самой известной и распространенной его версии Google Chrome.
Что такое Chromium-based браузеры
Кстати да, если вы думали что Яндекс браузер, Амиго, Гугл хром и Вивальди это принципиально разные браузеры — то это не так. Это все по сути одно и то же, различия между ними лишь внешние -всевозможные примочки типа баров, кнопок, вставок, логотипов. Сейчас только ленивый не запилил своего браузера на основе Хромиума.
Но на все эти браузеры подходят одни и те же расширения, обрабатывают страницы они одними и теми же механизмами и даже тонкие настройки у них одинаковые. Потому что все эти браузеры на одном и том же движке Хромиум. Не стоит путать кстати Chromium и Chrome.
Но вернемся к к Вивальди. Чем же он мне так не угодил?
Как я уже говорил — он не показывает улучшения производительности. Все точно так же виснет, как и в хроме при открытии большого количества вкладок.
Не показывает уведомления при получении новой почты во вкладках типа gmail
Я пользуюсь веб-почтой в закрепленных вкладках и мне нужно какое-то оповещение когда приходят новые письма. Когда это происходит в Хроме вкладка начинает «бликовать». У Вивальди такой фишки нет, поэтому иногда можно пропустить какие-то важные сообщения, на которые желательно ответить быстро.
Перемещение вкладок между окнами
В большинстве браузеров давно уже есть возможность посредством простого перетаскивания мышью, т.н. «drag-n-drop», вытаскивать вкладку как новое окно или перебрасывать вкладки между окнами. Я был удивлен, но в Вивальди этого нет. Можно только открыть новое окно, открыть в нем новую вкладку и скопировать адрес. А потом закрыть вкладку в первом окне. Слишком уж много телодвижений для такого нужного функционала.
Инструменты разработчика в доке
Пожалуй, это и стало основным камнем преткновения в использовании мной этого браузера. Дело в том, что я занимаюсь администрированием и настройкой серверов и бывает много задач по оптимизации сайтов. Поэтому встроенный отладчик браузера — это один из моих основных рабочих инструментов. Через него можно тестировать скорость работы сайта, смотреть http-заголовки, отдаваемые сервером. Можно смотреть ошибки отображения страницы или узнать IP-адрес сайта.
В общем, без него как без рук. Эта штука обычно открывается в той же вкладке, где открыта сама страница это называется док. Так работает и в хроме и firebug в mozilla, и даже отладчики в виндобраузерах, edge, например. Так вот Vivaldi запускать отладчик в доке не умеет.
Он открывает его в отдельном окне. А это в десять раз менее удобно, чем в доке. Очень странно, потому что когда я пользовался оперой много лет назад — она свой Dragonfly в доке открывать умела. В общем, когда я сидел на Вивальди, мне все равно приходилось запускать Хром. У меня и так всегда работает два браузера, кроме основного всегда еще запущен firefox с несколькими табами, ибо он у меня используется для работы с и всегда настроен именно через прокси, что мне тоже бывает нужно очень часто, ибо я так же занимаюсь настройкой прокси.
Так вот если использовать Вивальди, да еще и запускать для отладки Хром — то выходит уже три браузера запущено. Это уж ни в какие ворота, друзья. Поэтому я и вернулся на Хром. Тем более что есть чудесный костыль xtab , который позволяет ограничить количество открытых вкладок и и вот так по-идиотски «решить» проблему с производительностью Google Chrome.
Вот такая история, господа. А вы какой браузер юзаете?
Для большинства пользователей обозреватель сети Интернет является главной программой на компьютере, следовательно он должен быть быстрый, удобный, функциональный, не «жрать» ресурсы компьютера…, а если в нём будут свои уникальные фишки, которые отличали бы его от многочисленных клонов — вообще супер, правда?
Вы скажете, что нет сегодня такого браузера? Вы заблуждаетесь — это отличный от всех браузер Vivaldi .
13 февраля 2013 компания Opera Software официально объявила о переходе своего браузера на технологию WebKit и прекращении работ над собственным движком рендеринга страниц Presto — это была чёрная среда для фанатов замечательного и оригинального обозревателя.
Производители слёзно уверяли нас, что этот резкий поворот только к лучшему, что функционал не изменится и «Вам понравится», а на самом деле получился очередной унылый клон Google Chrome, который даже через 6 лет не стал похожим на прежнюю Оперу (не говоря уже о каких-то улучшениях и развитии) — из программы просто вырвали душу .
Видимо один из основателей 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 ).
Во время загрузки любой страницы в адресной строке отображается размер её и количество запросов. В строке состояния можно изменить масштаб страницы, отключить загрузку изображений совсем или заставить подгружать их только из кеша, применить кучу эффектов к отображению сайтов (не понял зачем это надо и кому). Тут же можно указать способ размещения открытых сгруппированных вкладок…
Группировка вкладок в Вивальди
В каждом разделе будут отдельно работать жесты мыши, прокрутка и всё остальное — как-будто у Вас открыто несколько браузеров одновременно. Страницы адаптируются к размеру автоматически (если сайт современный и правильно сделан ). Такая фишка сведёт с ума владельцев широкоформатных мониторов , я уверен.
Чтоб пользоваться этой функцией нужно сгруппировать вкладки — откройте две штуки и нажав левой кнопкой мыши на одну из них, не отпуская, потяните на другую, пока нижняя не потемнеет (после этого отпустите бедную мышку). Всё, они сгруппировались (наведите курсор на вкладку и появится два эскиза сразу).
Теперь можно правой кнопкой мыши кликнуть по группе и выбрать «Разместить группу». Тут же их можно и разгруппировать, кстати.
Может что-то упустил — подскажите в комментариях и я дополню статью. Пора закругляться…
Скачать Vivaldi
Скачать этот великолепный и неповторимый браузер, который запускается и работает не хуже именитых, раскрученных конкурентов, можно с его официальной страницы…
Размер архива 54.6 Мб. Вирусы отсутствуют. Работает программа во всех версиях операционной системы Windows.
Он работает во всех версиях любых операционных систем. Там же есть и 64-битная версия (ниже на странице). Пока доступна только вторая тестовая версия (абсолютно полноценная), но уже скоро выйдет финальная, в которой будет синхронизация и ещё какие-то удобства — хочется в это верить.
У меня создалось впечатление, что Vivaldi — единственный браузер, создатель которого прислушивается к пожеланиям пользователей и учитывает все мелочи. Чистосердечное спасибо Вам, товарищ Йон Стефенсон фон Течнер, за это чудо!
До новых полезных компьютерных программ и .
ПОЛЕЗНОЕ ВИДЕО
Самые популярные статьи за сутки:
Я только обозреваю программы! Любые претензии - к их производителям!