Главная › Интернет › Vivaldi дополнения. Как загрузить плагины в браузере vivaldi. Перемещение вкладок между окнами

Vivaldi дополнения. Как загрузить плагины в браузере vivaldi. Перемещение вкладок между окнами

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

Уже на протяжении многих лет он является одной из самых востребованных и используемых мною программ для редактирования Html, CSS и PHP кода. Даже удивляюсь: «а как я раньше обходился без него, реализуя его потенциал с помощью каких-то других программ?».

Сейчас у меня на компьютере всегда одновременно запущена пара браузеров, очень простой, бесплатный и удобный ФТП менеджер FileZilla и этот самый редактор, возможности которого просто несравнимы с используемым в Windows по умолчанию блокнотом. Но обо все по порядку.

Скачивание и возможности редактора Notepad ++

Установка программы в Windows осуществляется совершенно обычным способом. Так же при желании можете скачать Notepad ++ Portable , представляющий из себя портативную версию этого редактора, не требующую установки в операционную систему.

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

Все плюсы редактора Notepad++

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

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

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

Если сравнивать Notepad ++ с более сложными программами, предназначенными для облегчения написания и редактирования различных кодов, таких, например, как Dreamweaver, то и тут найдется не мало аргументов для использования именно нашего героя:

Во-первых, он абсолютно бесплатный , а значит вы сможете существенно сэкономить, используя его вместо того же Dreamweaver, если не брать в расчет взломанных версий платных программ (которые вполне могут быть рассадником троянов и других вирусов).
Во-вторых, Нотепад намного более легкий и быстрый , нежели многие из платных редакторов. Кроме того, имеется возможность использовать вообще не устанавливая его в операционную систему Windows (так называемая портативная версия — портабл) и носить его, допустим, . В результате вы всегда будете иметь под рукой удобный, функциональный и хорошо понятный вам инструмент для работы с Html, PHP и несколькими десятками других разновидностей кода.

Почему именно это редактор стоит скачать?

Давайте вкратце пробежимся по его возможностям и особенностям, а потом попробуем их рассмотреть более подробно. Итак, Notepad++ умеет следующее:

Подсвечивать несколько десятков наиболее популярных языков программирования и разметки, например, такие как: Ada, Assembler, C, C#, C++, CSS, FORTRAN, HTML, Java, JavaScript, Objective-C, Pascal, Perl, PHP, Python, Ruby, SQL, XML.

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

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

В нем очень просто осуществить смену кодировки , например, на являющуюся сейчас популярной , о которой я рассказывал в статье, посвященной борьбе с кракозябрами в кодировках русского языка (см. ее по ссылке).
В одном окне программы можно будет открывать на редактирование сколько угодно файлов, ибо Notepad++ использует вкладки на манер тех, к которым вы уже успели привыкнуть в современных браузерах.
Цвет дискетки на каждой вкладке показывает, сохранили ли вы произведенные в нем последние изменения с помощью аналогичной дискетки на панели инструментов. На активной вкладке красная дискетка (а на неактивной — фиолетовая) говорит о вашей забывчивости.
С помощью этого редактора можно вести поиск (Ctrl+F) как по открытому в нем документу, так и по целому сонму текстовых файлов, лежащих в определенной папке. Возможен поиск с заменой и с использование регулярных выражений. Потрясающе удобный инструмент.
В настройках этого редактора можно включить автоматическое прописывание закрывающего Html тега, при наборе открывающего, а так же опцию автозавершения тегов.
Нотепад++ не только ведет историю всех ваших изменений и позволяет откатиться на сколько угодно шагов назад или вернуться вперед, но и осуществляет резервное хранение копий этих документов на манер того, как это делает Микрософт Ворд.
Этот редактор имеет возможность управления горячими клавишами , которых в нем задано великое множество — из верхнего меню «Опции» — «Горячие клавиши». Причем, при двойном щелчке мышью по интересующей вас комбинации откроется окно для переназначений клавиш, что может быть удобно тем, кто на Notepad пересаживается с другого редактора.
Нотепад за годы своего существования обзавелся массой плагинов , некоторые устанавливаются с ним по умолчанию, а остальные будут доступны для вас из верхнего меню «Плагины» — «Plagin Manager» - «Show Plagin Manager».
Для установки вам достаточно будет на первой вкладке поставить галочку у нужного плагина и нажать на кнопку «Install».

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

Что вам еще может понадобиться в Нотепад ++

Благодаря подсветке синтаксиса в Notepad ++ очень легко, например, проверить, закрыты ли все Html теги в коде, а при наличии минимального опыта вы уже визуально будете отмечать, что в коде у вас где-то была допущена ошибка , ибо изменится цветовое оформление кода в этом месте.
Так же, из-за того, что код выделяется цветом, а обычный текст моих статей остается черным, моему неизменному корректору грамматических ошибок (любимой супруге) очень удобно осуществлять проверку грамматики именно в нем. Нет, кончено же, я использую и различные , но не одни из них еще не умеет проверять пунктуацию, да и смысловые ошибки тоже.
Еще мне в этом текстовом редакторе очень нравится возможность наглядного отображения отдельных блоков кода с помощью подсветки скобок вида { } (). Когда курсор мыши находится между какими-либо скобками, то они подсвечиваются, как бы выделяя начало и конец блока Html или PHP кода.
Кроме отличной реализации подсветки следует отдельно отметить возможность сделать шаг назад (отменить предыдущее действие). Причем количество шагов назад не ограничено, что позволяет не бояться экспериментировать с кодом без риска необратимых последствий.
Отмена действия в Notepad++ возможна с помощью горячих клавиш Ctrl+Z (Ctrl+Y — шаг вперед, т.е. отмена произведенной отмены), с помощью соответствующих пунктов меню «Правка» или же с помощью кнопок в виде загнутых стрелочек на панели инструментов этого редактора.
Нотепад++ постоянно отслеживает состояние открытых в нем документов и в случае их изменения или удаления, например, в другой программе, вам будет показано окно с предложением закрыть данную вкладку с документом или же повторно подгрузить ее измененную версию.
Как я уже ранее упоминал, в блокноте с двумя плюсами имеется возможность настройки подсветки синтаксиса (а так же десятка других языков) под свои вкусы и нужды, но я этой опцией ни разу не пользовался, ибо вполне устраивают настройки, принятые по умолчанию.
Но вам никто не мешает это сделать, благо что все предельно просто — выбрать из верхнего меню пункты «Опции» — «Определение стилей», в результате чего откроется окно, где вы сможет сами тонко настроить шрифты и цвета для подсветки Html, PHP или любого другого нужного вам языка.

Так же в Notepad++ имеется возможность автоматического завершения набираемого вами слова, что может быть очень удобно, если вы не уверены в правильности написания того или иного оператора Html, PHP или любого другого кода. Для этого вам при наборе достаточно нажать сочетание клавиш Ctrl-Пробел и выбрать из открывшегося окна нужный вариант:

Если хотите сделать автозавершение кода автоматическим, без использования горячих клавиш, то нужно будет выбрать из верхнего меню «Опции» — «Настройки» и на вкладке «Резерв/Автозавершение» поставить галочку в поле «Включить для каждого ввода».

Очередной примочкой, которая кажется мне довольно удобной в этом редакторе, является возможность перетаскивания ярлыков документов прямо в окно программы для их открытия (хотя этим вряд ли можно кого-то удивить) и возможность перетаскивать в самом документе выделенный фрагмент кода (левой кнопкой мыши) в нужное вам место.
При работе с Notepad++ у вас будет возможность ставить маркеры , которые в нем обзываются заметками, но суть от этого не меняется. В нужной вам строке можете поставить на левом поле щелчком мыши маркер в виде синей точки.
Для установки маркера (заметки) в редакторе так же можно воспользоваться сочетанием клавиш Ctrl-F2, а для перемещения между проставленными в документе маркерами достаточно будет последовательно нажимать F2 или Shift-F2 для листания заметок в обратную сторону.
Если вы работаете в этом редакторе с Html файлом, то можете посмотреть как будет выглядеть ваш код в браузере FireFox или IE посредством выбора соответствующих пунктов меню «Запуск». Если нужен другой браузер, то выбираете верхний пункт «Запуск» и отыскиваете в открывшемся окне нужный вам экзешник.
Так же имеется возможность записи макросов , которые мне еще не доводилось создавать, но логика их работы довольно проста. Сначала вы записываете его, выбрав из меню редактора пункты «Макросы» — «Старт записи», а затем вставляете записанные макросы в нужное место кода, выбирая их из меню редактора или же воспользовавшись назначенными для них горячими клавишами.

Кодировки и работа с файлами в окне редактора Нотепад++

Следует отметить, что этот редактор кода позволяет сохранять и преобразовывать файлы Html, PHP и другие в кодировку UTF-8 (без BOM). Мне это не раз помогало побороть проблему с русской кодировкой при работе с различными сайтами.
Когда я хотел изменить какую-либо надпись на сайте на русскую, то зачастую получал в результате кракозябры, причиной которых была кодировка Windows-1251, в которой был сохранен исходный файл.
После того, как исходный файл был преобразован в кодировку UTF-8 (без BOM) , кракозябры с успехом трансформировались в обычные русские символы. Т.о. если вы добавляете кириллицу в какие-либо файлы движка, то для ее правильного отображения на сайте нужно будет либо сразу его сохранять в правильной кодировке, либо потом преобразовывать.
Следует сказать, наверное, пару слов про этот самый BOM. Дело в том, что когда вы работаете с разными текстовыми объектами в обычном блокноте Windows, то при сохранении его в кодировке UTF-8 происходит добавление невидимых символов (BOM), которые могут сказаться впоследствии на работоспособности данного файла (например, PHP может выдавать ошибку).
Если вы захотите распечатать содержимое открытого файла, то на печать будет выведен код не в том виде, в каком вы его наблюдаете в окне программы. Но выбрав из меню «Опции» — «Настройки» вкладка «Печать» вы вольны будете это изменить и выбрать вариант печати подсветки кода цветом, разрешить отображать номера строк, колонтитулы и т.п. вещи:
В этом продвинутом текстовом редакторе так же имеется возможность открывать сколь угодно много новых документов, не опасаясь, что вы тем самым захламите панель задач операционной системы. В унисон с современными браузерами, он будет открывать все новые документы не в новом окне программы, а в новой вкладке уже открытого окна.
Причем, эти вкладки различных документов в окне этого блокнота можно будет произвольным образом перетаскивать мышью, закрывать и сворачивать.
Ну, и в зависимости от сделанных настроек («Опции» — «Настройки») все открытые перед закрытием Notepad ++ вкладки будут восстановлены при очередном запуске программы (опять же аналогично работе браузеров). Закрывать ненужные можно двойным кликом по ним или размещать их вертикально.
Кроме привычных операций с вкладками, в этом редакторе можно будет открыть в одном окне сразу две копии одного и того же документа . Это может понадобиться, если нужно проводить работу с документом в разных его частях (где-то посмотреть или скопировать, а куда-то вставить).
Для активации этого режима вам будет достаточно щелкнуть правой кнопкой мыши по нужной вкладке PHP редактора и выбрать из контекстного пункт «Дублировать в Другом окне».
Очень удобно то, что сохранив изменения в одной из копий документа, обновится и вторая (т.е. вы не запутаетесь — сохранили ли вы произведенные изменения и в какой именно копии).
Так же в нем мне очень нравится встроенный поиск по открытым Html или PHP документам с возможностью замены (некоторые активно используют для этого регулярные выражения, но я к своему стыду их не знаю). Все богатство поиска в этом продвинутом текстовом редакторе можно оценить, просто открыв пункт меню «Поиск». Скриншот смотрите в начале статьи.

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

Использование плагинов в Notepad++

Напомню, что для установки нового плагина вам достаточно будет выбрать из верхнего меню редактора «Плагины» - «Plagin Manager » - «Show Plagin Manager».

А в открывшем окне на первой вкладке (из верхнего меню) поставить галочку у нужного плагина и нажать на кнопку «Install» .

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

Какие плагины для Нотепада вам могут понадобиться в работе

Очень много дополнительных и удобных примочек предоставляет плагин «TextFX» , который после установке будет доступен в одноименном пункте верхнего меню редактора. Если у вас еще такого пункта нет, то зайдите в «Плагины» - «Plagin Manager» - «Show Plagin Manager», прокрутите список в первой вкладке вниз и поставьте галочку напротив TextFX Character.

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

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

Примочек в «TextFX» довольно много, поэтому попробуйте их работу на практике сами и определитесь что именно вам будет удобно и полезно.

Ну, и продолжая тему вкладок в редакторе стоит упомянуть еще о возможности сравнения двух документов . Сначала этот плагин нужно будет установить через Plagin Manager:

Для активации режима сравнения документов в Notepad++ вам будет достаточно выбрать из верхнего меню пункты «Дополнения» — «Compare» — «Compare» или нажать Alt+D на клавиатуре. В результате в окне этого блокнота будет открыта активная в данный момент вкладка, а так же вкладка расположенная рядом с ней.

Для удобства сравнения двух Html или PHP документов, редактор Notepad ++ подсветит для вас различия в них. Для перехода в обычный режим работы с документами нужно в верхнем меню выбрать пункты «Дополнения» — «Compare» — «Clear Results» или нажать Ctrl+Alt+D на клавиатуре.

Причем, два документа в окне Notepad++ можно будет просматривать как в вертикальном, так и в горизонтальном виде. Для выбора наиболее удобного для вас способа щелкните правой кнопкой по месту их раздела и выберите направление поворота (вправо или влево).

Кстати, если вы, как и я, в основном используете Notepad++ для редактирования Html или PHP файлов своего сайта, то вам может пригодиться возможность подключаться к нему по FTP напрямую из этого текстового редактора . Мне, правда, как то работа с FileZilla больше по душе, тем более что даже из нее у меня пароли увести умудрились.

Если вы хотите попробовать работу по FTP через Нотепад, то выберите из верхнего меню пункты «Плагины» — «NppFTP» — «Show NppFTP Window», в результате чего справа откроется окно FTP клиента.

Для настройки подключения по FTP щелкните по иконке шестеренки, выберите пункт «Profile Setting» и введите данные вашего подключения. Дальнейшая работа мало чем отличается от того, что я писал в статье про FileZilla, которая живет .

Если вы установите плагин Customize Toolbar с помощью Plagin Manager, то получите возможность перетасовать, удалить или добавить новые кнопки на панель инструментов этой программы.
В начале статьи я упоминал Light Explorer, который добавляет возможность открытия в левой колонке менеджера файлов . Однако, для этой же цели можно использовать и Explorer, который вы найдете в менеджере плагинов.
Отличный плагин WebEdit , позволяющий по аналогии с Html редактором Вордпресса обрамлять текст наиболее востребованными тегами заголовков, списков, таблиц и других. Выделяете нужный фрагмент и щелкаете по одной из кнопок на панели инструментов Notepad++.
ImgTags — позволяет с уже прописанными горизонтальным и вертикальным размером (сам их вычисляет, что очень здорово), заготовленным атрибутами ALT и SRC (нужно будет туда еще добавить путь до папки с картинками на вашем сервере).

Проверка правописания окне в Нотепад++ с помощью плагинов

Для подключения проверки грамматики русского языка в редакторе Notepad ++ используется плагин Shell-Checker (из пункта меню «Плагины»), для работы которого вам потребуется скачать словарик русского языка с этой страницы , а при активации данного плагина проверки орфографии — указать путь на вашем компьютере до файла словаря.

Есть нюансы установки. Сначала нужно будет скачать Full installer , а потом файлик с русским словарем aspell-ru-0.50-2-3.exe . Сначала ставите полный установщик, в мастере которого, лично я, не менял выбранный по умолчанию путь (c:\Program Files (x86)\Aspell\).

Потом ставите языковой пакет, где сначала в досовском окне придется вводить буковку «y» и нажимать Enter на клавиатуре (хотя, возможно это было только у меня, т.к. я уже ставил GNU Aspell на компьютер до этого):

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

Теперь перезагружаете Notepad ++ и либо выбираете из меню показанные чуть выше пункты, либо удерживаете на клавиатуре нереальную комбинацию CTRL+ALT+SHIFT+S. В открывшемся окне вы должны будете ввести путь до каталога BIN из папки Aspell:

Если при установке GNU Aspell и русского словаря путь вы не меняли, то сюда надо будет вставить:

C:\Program Files (x86)\Aspell\bin\

Ну, или что-то подобное, в зависимости от вашей операционной системы. Все, теперь выделяйте тот текст, в котором вы хотите проверить орфографию, и жмите на CTRL+ALT+SHIFT+S (в настройках горячих клавиш эту комбинацию можно будет сменить — смотрите выше). Появится окно где будет отображена первая найденная ошибка:

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

DSpellCheck — очень удобное решение на манер предыдущего плагина, ибо в нем тоже используется GNU Aspell и его русский словарь, но вот проверку орфографии он уже делает налету, так же как и во всех современных браузерах. Заходите в менеджер плагинов и устанавливаете его.

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

Выбираем из выпадающего списка Aspell (если он у вас еще не установлен, то прокрутите чуток вверх эту статью и загрузите модуль вместе с русским языковым пакетом, чтобы установить их в вашу ОС), а чуть ниже указываете путь до файла aspell-15.dll. Еще чуть ниже выбираете язык подключаемого словаря, если вы их ставили несколько, и жмете на Apply.

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

Удачи вам! До скорых встреч на страницах блога сайт

посмотреть еще ролики можно перейдя на

");">

Вам может быть интересно

Как удалить пустые строки в Notepad ++ Как из списка URL адресов вычленить домены и убрать их повторы с помощью Notepad++ (готовим список для Disavow links)

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

Кто-то может спросить, зачем вообще менять браузер, ведь 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, ведь движок один и тот же.

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

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

С того дня, когда в 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 пока что нет. В частности, не добавлена синхронизация данных между компьютерами. Но Йон фон Течнер и его команда разработчиков ценят своих пользователей и прислушиваются к ним, поэтому нет никакого сомнения, что и эта, и десятки других нужных функций появятся в браузере в самое ближайшее время.

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

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

Знание основ 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.

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

Вы скажете, что нет сегодня такого браузера? Вы заблуждаетесь — это отличный от всех браузер 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 ).

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

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

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