Saber 酱的抱枕

我们可以对 Vivaldi 浏览器的界面和功能做一些修改。举个例子，今天我在 GitHub 上看到了个项目 vivaldi-tweak：

修改之后，我们平时可以关闭 Vivaldi 浏览器的地址栏，需要的时候让它悬浮显示。这可以使我们的界面更简洁，尤其在全屏模式下很有用。下面跟着我来看看步骤吧。

2019/05/19 更新：此功能新版 Vivaldi 浏览器已经内置，所以不需要我们手动进行修改了。本文内容可以不看了。

1.打开 Vivaldi 浏览器的资源目录，它在你的个人文件夹里。Windows 里的路径如：

C:\Users\用户名\AppData\Local\Vivaldi\Application\2.4.1488.36版本号\resources\vivaldi\

打开之后会看到如下文件：

我们要操作选中的 style 文件夹和 browser.html。

2.把上面 GitHub 项目里的 custom.css 和 custom.js 下载下来，放到 style 文件夹里：

3.用代码编辑器打开 browser.html，将这两个文件引入：

操作步骤：

<!-- 在 head 里添加 -->
<link rel="stylesheet" href="style/custom.css" />
<!-- 在 body 里添加 -->
<script src="style/custom.js"></script>

4.这个修改需要我们进行设置：（在项目 readme 里有）

把标签栏放到左侧或右侧：

不显示地址栏：

5.重启浏览器，尝试效果。

地址栏平时是隐藏的，需要的时候可以用地址栏快捷键显示它：（默认是F8）

注意：

1.这个项目是一年前的了，现在版本里，样式显示有点问题，不清楚怎么修复。

2.每次浏览器升级会导致修改的内容失效，需要再进行修改。

3.你也可以参阅参考 Vivaldi 论坛的 mod 板块

自定义 Vivaldi 浏览器