Временно модифицирайте всеки елемент от браузъра Vivaldi с този трик

Модифициране на Vivaldi с CSS

Vivaldi Това е най-добрият браузър, с който могат да работят и най-взискателните потребители. Позволява ни да правим всичко и в него v5.6 можем дори да използваме персонализирани икони. Сякаш това не е достатъчно, има трик, с който можем да коригираме практически всеки елемент, въпреки че за това е необходимо да имате известни познания по HTML, CSS и да сте запознати с инструментите за разработчици на Chrome/Chromium. Промените са малко като тези, които можем да направим на всяка уеб страница, с малка разлика.

Във всеки браузър, ако отворим инструментите за разработчици и изберем елемент, можем да приложим css правила. Например, можем да променим типа на шрифта, да добавим кръгли граници към текстовите полета или да променим цвета на фона, но промените изчезват, когато страницата се обнови. Модификациите, които ще направим във Vivaldi, също ще изчезнат, но когато рестартираме браузъра или отворим нов прозорец. Хубавото е, че през това време се поддържат временни промени.

Как да модифицираме елементи на Vivaldi с CSS

Трикът е съвсем прост. трябва да отидем до vivaldi://inspect/#apps и ниско chrome-разширение://mpognobbkildjkofajifpdfhcoklimli/browser.html, кликнете върху "Проверка". Ще се появи изскачащ прозорец (бих казал) точно като инструментите за разработчици на браузъра, но те ще ни позволят да модифицираме всеки елемент от браузъра. Не е изненадващо, че предишната връзка завършва с "browser.html".

И промените се правят чрез издърпване на нашия познания по HTML и CSS. Първо кликваме върху стрелката в горния ляв ъгъл на инструментите за разработчици, която се използва за избиране на елементи. Когато изберем какво искаме да модифицираме, по-долу, в element.style, добавяме нашите CSS правила. И за какво може да е полезно това? Е, една снимка струва хиляда думи: в предишната екранна снимка това, което направих, е да променя цвета на иконата DeepL, която по подразбиране е тъмно синя; не се вижда на сив фон. Приложих към него два филтъра: един, за да го направя в сива скала (ще го остави черно-бял) и един, за да го обърна, така че да изглежда бял.

увеличена заглавка

на пакостите, които могат да се направят, са безкрайни. На екранната снимка по-горе намерих най-високото ниво, на което е горният панел, и го настроих да бъде 300px височина. Логично, това е промяна, която върнах незабавно, но е пример за това какво може да се направи.

временни промени

Както обяснихме, малката разлика с промените, които можем да направим в уеб страниците е, че тъй като няма опресняване, те ще се съхраняват, докато прозорецът се затвори или не отворим нов. Друга разлика е, че тези инструменти за разработчици не трябва да са отворени, за да се запазят промените; можем да ги затворим Когато правим подобни промени в уеб страница, те изчезват, когато затворим инструментите за разработчици.

Вивалди ни предлага много възможности и това е още един добър пример за това.