Вивальди Это лучший браузер, с которым могут работать самые требовательные пользователи. Он позволяет нам делать все, и в его v5.6 мы даже можем использовать пользовательские значки. Как будто этого недостаточно, есть трюк, с помощью которого мы можем подправить практически любой элемент, хотя для этого необходимо иметь некоторые знания HTML, CSS и быть знакомым с инструментами разработчика Chrome/Chromium. Изменения немного похожи на те, которые мы можем внести на любую веб-страницу, с небольшой разницей.
В любом браузере, если мы откроем инструменты разработчика и выберем элемент, мы можем применить css-правила. Например, мы можем изменить тип шрифта, добавить круглые рамки к текстовым полям или изменить цвет фона, но изменения исчезнут при обновлении страницы. Изменения, которые мы внесем в Vivaldi, также исчезнут, но когда мы перезапустим браузер или откроем новое окно. Хорошо, что временные изменения сохраняются в течение этого времени.
Как изменить элементы Vivaldi с помощью CSS
Трюк довольно прост. мы должны пойти в вивальди://проверить/#приложения и низкий хром-расширение://mpognobbkildjkofajifpdfhcoklimli/browser.html, нажмите «Проверить». Появится всплывающее окно (я бы сказал) точно такое же, как инструменты разработчика браузера, но они позволят нам изменить любой элемент браузера. Неудивительно, что предыдущая ссылка заканчивается на «browser.html».
И изменения вносятся путем вытягивания нашего знание HTML и CSS. Сначала мы нажимаем на стрелку в левом верхнем углу инструментов разработчика, которая используется для выбора элементов. Когда мы выбираем то, что хотим изменить, ниже, в element.style, мы добавляем наши правила CSS. И чем это может быть полезно? Что ж, картинка стоит тысячи слов: на предыдущем снимке экрана я изменил цвет значка DeepL, который по умолчанию темно-синий; не видно на сером фоне. Я применил к нему два фильтра: один, чтобы сделать его в градациях серого (он оставит его черно-белым), и один, чтобы инвертировать его, чтобы он казался белым.
Лас- вред, который можно сделать, бесконечен. На снимке экрана выше я нашел самый высокий уровень, на котором находится верхняя панель, и установил для него высоту 300 пикселей. По логике, это изменение, которое я немедленно отменил, но это пример того, что можно сделать.
временные изменения
Как мы объяснили, небольшая разница с изменениями, которые мы можем сделать на веб-страницах, заключается в том, что, поскольку нет обновления, они будут храниться до тех пор, пока окно не закроют или мы не откроем новое. Еще одно отличие состоит в том, что эти инструменты разработчика не обязательно должны быть открыты для внесения изменений; мы можем закрыть их Когда мы вносим аналогичные изменения в веб-страницу, они исчезают, когда мы закрываем инструменты разработчика.
Vivaldi предлагает нам много возможностей, и это еще один хороший тому пример.