saber酱的抱枕

Fly me to the moon

04/10
07:42
软件

自定义 Vivaldi 浏览器

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

自定义 Vivaldi 浏览器 mod custom.css

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

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

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

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

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

自定义 Vivaldi 浏览器 mod custom.css

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

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

自定义 Vivaldi 浏览器 mod custom.css

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

自定义 Vivaldi 浏览器 mod custom.css

操作步骤:

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

4.这个修改需要我们进行设置:(在项目 readme 里有)

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

自定义 Vivaldi 浏览器 mod custom.css

不显示地址栏:
自定义 Vivaldi 浏览器 mod custom.css

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

地址栏平时是隐藏的,需要的时候可以用地址栏快捷键显示它:(默认是F8

自定义 Vivaldi 浏览器 mod custom.css


注意:

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

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

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

自定义 Vivaldi 浏览器