维瓦尔第 它是最苛刻的用户可以使用的最佳浏览器。 它允许我们做任何事情，并且在它的 v5.6 我们甚至可以使用自定义图标。 好像这还不够，我们可以使用一个技巧来修改几乎任何元素，尽管为此需要具备一些 HTML、CSS 知识并熟悉 Chrome/Chromium 开发人员工具。 所做的更改有点像我们可以对任何网页所做的更改，只是略有不同。
在任何浏览器中，如果我们打开开发者工具并选择一个元素，我们就可以应用 CSS 规则. 例如，我们可以更改字体类型，为文本字段添加圆形边框，或者更改背景颜色，但是当页面刷新时这些更改就会消失。 我们对 Vivaldi 所做的修改也会消失，但是当我们重新启动浏览器或打开一个新窗口时。 好消息是，在此期间会保留临时更改。
如何使用 CSS 修改 Vivaldi 元素
诀窍很简单。 我们必须去 维瓦尔第://inspect/#apps 和低 chrome-extension://mpognobbkildjkofajifpdfhcoklimli/browser.html, 点击“检查”. 将出现一个弹出窗口（我会说）与浏览器开发人员工具完全相同，但这些将允许我们修改浏览器的任何元素。 毫不奇怪，前面的链接以“browser.html”结尾。
改变是通过拉动我们的 HTML和CSS知识. 首先，我们点击开发者工具左上角的箭头，它是用来选择元素的。 当我们选择要修改的内容时，在下面的 element.style 中，我们添加了 CSS 规则。 这有什么用？ 好吧，一图胜千言：在之前的截图中，我所做的是改变DeepL图标的颜色，默认为深蓝色； 在灰色背景上看不到。 我已经对它应用了两个滤镜：一个使它变成灰度（它将保持黑色和白色），另一个使它反转，因此它看起来是白色的。
该 能做的恶作剧无穷无尽. 在上面的屏幕截图中，我找到了顶部面板所在的最高级别并将其设置为 300 像素高。 从逻辑上讲，这是我立即恢复的更改，但它是可以完成的示例。
临时更改
正如我们所解释的，与我们可以在网页中进行的更改的细微差别在于，由于没有刷新， 它们将被保存到窗口关闭或我们打开一个新窗口. 另一个区别是，这些开发人员工具不必打开就能让更改生效； 我们可以关闭它们当我们对网页进行类似的更改时，它们会在我们关闭开发人员工具时消失。
Vivaldi 为我们提供了许多可能性，这是另一个很好的例子。