Vivaldia 是 Porcelain Fortress 集成到 Vivaldi 中的一款街机风格的跑酷游戏。 该游戏可在桌面和安卓平台上在线或离线运行。

玩游戏

要在移动设备上玩 Vivaldia，请执行以下任一操作：

• 转到 Vivaldi 菜单 > 启动 Vivaldia 游戏；
• 在地址字段中键入 vivaldi://game ；

要开始游戏，请将手机转到横向模式，然后点击点击 Click to play ，然后点击 Start。

有两种游戏控制布局可供选择（见下文）。 游戏还支持使用游戏手柄进行游戏。

要在完成或生命耗尽后重新开始游戏，请点击页面重新开始。

---

设置

全屏幕

要以全屏模式运行，请点击左上角的全屏按钮。 点击同一按钮退出全屏。

音频

您可以从右上角将音乐和游戏音效静音。

---

分享您的分数

游戏结束后，使用 Vivaldi 的 页面截图 功能或手机的屏幕截图工具截取您的分数，并在 论坛 上与我们的社区分享，或在社交媒体上挑战您的朋友。

在 Vivaldi 中，您可以轻松创建链接到网页的二维码并与他人分享。

开始使用二维码生成器

要在 地址栏上显示二维码生成器按钮：

1. 转到设置>地址栏>地址字段选项；
2. 启用 二维码生成器。

---

创建一个新的二维码

选项 1

1. 打开要分享的网页；
2. 单击地址字段右侧的“ 用二维码分享页面”按钮，在“阅读器视图”（如果页面上可用）和“添加书签”按钮之间。

选项 2

1. 单击地址字段右侧的“用二维码分享页面”按钮，在“阅读器视图”（如果页面上可用）和“添加书签”按钮之间。
2. 键入或粘贴要为其创建二维码的 URL。

选项 3

1. 打开要分享的网页；
2. 右键单击页面以打开上下文菜单；
3. 选择 创建此页面的二维码。

选项 4

1. 打开要分享的网页；
2. 在 快速命令 中，键入“为当前页面创建二维码”。

选项 5

为操作创建 键盘快捷键 或 鼠标手势 。

---

分享二维码

创建二维码后：

• 使用二维码阅读器扫描图像，例如使用 安卓版Vivaldi的二维码阅读器。
• 单击生成的代码下方的 “复制 ”以分享代码的图像。
• 单击 “保存以下载 ”，将二维码的图片存储在您的计算机上。

使用页面操作，您可以更改网站的外观以增强可访问性和可读性，处理网站的 CSS，或者只是为了好玩。

应用页面操作

要将页面操作应用于网页，请执行以下操作：

1. 转到 Vivaldi 菜单 > 页面操作；
2. 启用要应用的选项。

可用的页面操作

您可以从以下页面操作中进行选择：

• CSS 调试器 – 概述了用于简单 CSS 检查的各种元素类型；
• 黑白滤镜 – 将页面变成黑白；
• 灰度滤镜 – 将页面的颜色更改为灰度；
• 增强滤镜 – 为网站上的图像增加饱和度和对比度；
• 反转滤镜 – 为网站上的图像添加饱和度和对比度（见下面的屏幕截图）；
• 模糊滤镜 – 当鼠标光标移出窗口时，通过模糊页面来隐藏内容；
• 棕色滤镜 – 将页面的配色方案更改为红棕色；
• 等宽字体 – 强制文本以等宽字体显示；
• 页面缩略图 – 显示页面的概览以及您在页面上的位置；
• 倾斜图片 – 以一定角度倾斜图像。
• 3D变形 – 悬停时扭曲整个页面；
• 强制过渡 – 使过渡更加突出；
• 关闭过渡 – 禁用过渡；

页面操作仅适用于活动标签页，但会影响您在该标签页中访问的任何网站。

禁用页面操作

要关闭页面操作：

1. 转到 Vivaldi 菜单 > 页面操作；
2. 关闭已启用的页面操作。

QR（快速响应）代码是共享链接和其他信息的简单方法。 使用安卓版 Vivaldi 的二维码扫描器，您可以快速扫描二维码和条形码以打开链接、菜单、支付屏幕、应用程序并获取代码独有的特定信息，而无需输入任何内容。 除了扫描之外，您还可以生成二维码来分享链接。

打开二维码扫描器

有三种方法可以访问二维码扫描器：

• 从 URL 字段的右侧；
• 通过搜索小部件；
• 长按应用程序图标并选择 扫描二维码。

扫描二维码

扫描二维码：

1. 使用上述方法之一打开二维码扫描器；
2. 首次使用时，授予 Vivaldi 访问手机摄像头的权限；
3. 将手机屏幕上的方框放在二维码或条形码上；

如果扫描程序检测到 URL，它会自动在新标签页中打开该链接。 如果它检测到其他一些信息，它会提供复制信息或对其进行搜索。

---

创建二维码

要创建二维码：

1. 打开要分享的网页；
2. 转到 Vivaldi 菜单 > 分享…；
3. 选择 二维码；
4. 向某人展示您的手机，以便他们可以扫描二维码或将二维码下载为图像。

使用 Vivaldi 翻译，您只需单击一个按钮即可翻译整个网页。 无需 扩展 。

---

翻译选项

除了将页面翻译成浏览器的默认语言外，您还可以选择翻译成任何支持的语言。 要更改翻译语言：

选项 1

1. 单击翻译横幅上的 按钮。
2. 单击 “更多语言”。
3. 从菜单中选择其他语言。

选项 2

1. 转到 Vivaldi 菜单 > 设置 > 常规 > 语言设置> 翻译设置 > 高级。
2. 点击 翻译成此语言。
3. 选择您的首选语言。

为了消除未来翻译的额外步骤，您可以启用或禁用某些语言和站点的翻译。

要更改您的首选项：

1. 单击翻译横幅上的 按钮。
2. 更改您的偏好。

可用选项：

• 始终翻译 – 始终翻译当前语言。
• 从不翻译 – 从不翻译当前语言。
• 永远不要翻译这个网站 – 永远不要再问那个特定网站的翻译问题。

---

翻译设置

要禁用或重新启用自动翻译横幅：

1. 转到 Vivaldi 菜单>设置>常规>语言设置>翻译设置 。
2. 打开或关闭 自动提供翻译页面。

您仍然可以用 Vivaldi 菜单 > 翻译进入网页翻译。

高级设置

要查看您选择了“始终/从不”翻译的语言，请执行以下操作：

1. 转到 Vivaldi 菜单 > 设置 > 常规 > 语言设置> 翻译设置 > 高级。
2. 单击“ 自动翻译这些语言”或 “不翻译这些语言”，具体取决于您要查看的列表。
3. 点击 “添加语言”将新语言添加到列表中，或点击列表中已有语言旁边的 菜单按钮将其删除。

要重置特定语言或网站的设置，请执行以下操作：

1. 在地址字段中键入 vivaldi://translate-internals；
2. 浏览已保存的首选项列表。
3. 单击要需重置项目旁边的 X 。

---

翻译问题疑难解答

当翻译未按预期工作时，请先按照上一段中的说明重置设置。 如果这没有帮助，请在 论坛上与团队和社区讨论该问题，看看其他人是否可以重现该错误或提出修复建议。

要向浏览器开发人员报告错误，请执行以下操作：

1. 打开 vivaldi://translate-internals。
2. 截取“ Prefs ”选项卡的屏幕截图。
3. 转到 “Detection Logs”选项卡，单击表上方的“Dump”，保存内容。
4. 转到 https://vivaldi.com/bugreport/。
5. 填写表格，确保包含以下信息：
   • 翻译失败的页面的链接。
   • 您的默认用户界面语言和您尝试翻译成的语言。
   • 有助于重现错误的其他信息。
6. 附加文件。 提交错误报告后，错误跟踪系统将自动回复。您还可以再次回复该邮件并加上附件。
7. 提交错误报告。

标签栈允许您将多个标签页分组到单个标签页的空间中，从而减少 标签切换器中的混乱。

启用标签栈

要启用标签栈，请执行以下操作：

1. 转到 Vivaldi 菜单>设置>标签页 ；
2. 打开 启用标签栈。

关闭这一设置则禁用标签栈。

---

创建标签栈

要从打开的标签页创建标签栈，请执行以下操作：

1. 打开标签切换器；
2. 长按标签；
3. 手指按住标签页将其拖动到要与之组栈的另一个标签页上；
4. 松开手指即创建新标签栈。

要在新标签页中打开当前标签页中的一个链接并与当前标签页组成标签栈，请执行以下操作：

1. 长按链接打开上下文菜单；
2. 选择 在新标签栈中打开。

如果当前标签页已经在标签栈中，并且您希望在同一标签栈中用新标签页打开当前标签页中的链接时，也可以使用上述选项。

要从标签栏创建新的标签栈，请执行以下操作：

1. 将要包含在标签栈中的标签页作为活动标签页打开。
2. 长按标签栏右侧的 新建标签 按钮。
3. 选择 新建标签栈。

---

查看和切换标签页

标签切换器

在下图中，您可以看到 标签切换器 中顶行的两个标签栈的和下面的常规标签页。 点击标签栈可以预览栈内的标签页和打开要查看的标签页。

无论您的设置如何，您都可以从标签切换器访问所有标签页。 启用标签栏后，您还可以从标签栏访问所有标签页。

标签切换器中的标签栈窗格

要在与常规、非成栈标签页不同的清晰视图中获取概览和管理分组标签页，请前往 栈内标签页窗格。

要查看所有标签栈：

1. 打开标签切换器。
2. 滑动到栈内标签页窗格或点击屏幕底部菜单栏上的图标。

在标签栈窗格中，您可以找到并打开其中一个栈内标签页，编辑分组的标签页，然后将其删除。

标签栈工具栏

如果您禁用了标签栏，则当您查看其中一个栈内标签页时，底部工具栏的正上方将出现一个标签栈工具栏。

点击工具栏上的页面图标以切换标签页。 点击左侧向上的箭头以预览标签栈中的标签页。 要在标签栈中打开一个新标签页，请点击工具栏右侧的“新建标签页”按钮。

两级标签栈

启用标签栏后，栈内的标签页将显示在标签栏的第二级，就像在桌面版中一样。 仅当栈中一个标签页是当前标签页时，才会显示第二级。

---

将标签页添加到标签栈

要向标签栈添加更多标签页，请执行以下操作：

选项 1

1. 打开标签切换器；
2. 长按标签；
3. 将其拖动到现有标签栈上；
4. 松开手指以将其添加到标签栈中。

选项 2

1. 打开标签切换器；
2. 点击标签栈以查看其中的标签页；
3. 点击标签栈窗口右上角的 + 以打开一个新标签页；
4. 转到要查看的网页。

选项 3

1. 在标签栏上，将焦点放在标签栈中的标签页上以查看第二级标签栏。
2. 点击 第二级标签栏右侧的“新建标签”按钮。

---

重命名标签栈

要为您的标签栈指定唯一名称，请执行以下操作：

选项 1

1. 打开标签切换器。
2. 找到要重命名的标签栈并点击它。
3. 在标签栈预览中，点击当前标题“# 个标签”。
4. 键入新标题。
5. 点击键盘上的 完成 。

选项 2

启用标签栏后，您可以：

1. 长按标签栈，然后选择 编辑标签栈。
2. 在标签栈预览中，点击当前标题“# 个标签”。
3. 键入新标题。
4. 点击键盘上的 完成 。

若要删除名称，请再次打开标签栈预览并删除标题。

---

为标签栈添加颜色

除了重命名标签栈之外，您还可以为每个标签栈指定自己的颜色，并使其以这种方式突出显示。 一个带有选定颜色的小圆圈将显示在标签栈名称的前面。

要选择颜色：

1. 在标签切换器中，打开要添加颜色的标签栈。 或者，长按标签栏上的标签栈，然后选择编辑标签栈。
2. 在右上角，点击 3 点菜单。
3. 选择 编辑颜色。
4. 点击 9 种颜色选项之一。

---

对标签栈中的标签页重新排序

要更改标签栈中标签页的顺序：

1. 打开标签切换器；
2. 点击标签栈以查看其中的标签页；
3. 长按标签；
4. 将标签页拖放到标签栈中的所需位置。

---

从标签栈中删除标签页

要从标签栈中删除标签页，请执行以下操作：

1. 打开标签切换器；
2. 点击标签栈以查看其中的标签页；
3. 长按标签；
4. 将其拖动到“标签栈”窗口底部显示的“ 从栈中删除 ”上。

要一次删除多个标签页：

1. 打开标签切换器；
2. 点击标签栈以查看其中的标签页；
3. 点击右上角的菜单按钮，然后点击 要从标签栈中删除的标签页。
4. 点击右上角的 删除 。

---

关闭标签栈

要关闭标签栈中的所有标签页，请执行以下操作：

1. 打开标签切换器；
2. 点击标签栈缩略图右上角的 “关闭 ”按钮。

要从标签切换器关闭标签栈中的单个标签页，请执行以下任一操作：

• 点击标签缩略图右上角的 关闭 按钮。
• 如果您在“设置”中启用了滑动以关闭标签页，请向左或向右滑动标签以将其关闭。

有关关闭标签页的更多选项，请参阅安卓上的标签页帮助文章。

将页面链接分享到其他应用

要分享页面链接：

1. 打开页面，
2. 点击 Vivaldi 菜单 > ， 分享。
   或者，点击 地址栏 > 分享。
3. 选择要分享到的应用。
4. 按照所选应用程序中的说明进行操作。

该菜单适合主屏幕上的 4 个应用程序。 向左滑动可查看更多应用程序，然后点击 “更多 ”以查看可用选项的完整列表。

---

其他选项

除了将页面直接分享到其他应用外，您还可以：

截屏

分享菜单的捕获选项将仅捕获可见区域，包括浏览器用户界面。 使用 Vivaldi 的截图功能，可以截取不包括 UI 的页面可见区域或整个页面。

复制链接

或者，您可以通过点击地址栏>复制链接来复制链接。

二维码

要向附近的人分享页面，请创建一个二维码，他们可以使用移动设备扫描。 您也可以下载二维码图像以备后用。 在此处的帮助页面上阅读有关二维码的更多信息。

发送到您的设备

将页面从安卓版 Vivaldi 发送到您装有 Vivaldi 的其他设备。 确保同步在多个设备上处于活动状态，并且已启用输入历史记录和远程会话的同步。

打印

要打印整个页面或将其另存为 PDF 文件：

1. 在“分享”对话框中选项的底行上向左滑动。
2. 点击 打印。
3. 按照安卓打印菜单中的说明进行操作。

---

将页面分享到另一个 Vivaldi 实例

要在另一台装有 Vivaldi 的设备上访问您在安卓上的 Vivaldi 中打开的网页，请使用 同步 功能。

要更改浏览器的主题：

1. 转到 Vivaldi 菜单>设置>外观>主题。
2. 在以下选项之间进行选择：
   • 系统默认值，
   • 浅色主题，
   • 深色主题。

---

主题色

默认情况下，对于浅色主题，安卓版 Vivaldi 会根据打开的网站更改地址和标签栏颜色。 要更改主题色：

1. 转到 Vivaldi 菜单>设置>外观>主题。
2. 在以下选项之间进行选择：
   • 基于网页的自适应色彩，
   • 预设颜色之一，
   • 自定义颜色（插入颜色的十六进制值）。

---

起始页壁纸

要使用自定图像或颜色自定快速拨号的背景：

1. 转到 Vivaldi 菜单>设置>外观>起始页壁纸。
2. 选择预设图像或颜色，或通过点击带有 + 图标的第一个灰色方块从设备的图库中选择图像。

---

网页的深色模式

如果除了应用程序的用户界面之外，您还希望在深色模式下查看网页，请从主题设置中启用 适用于网页的深色模式 。

如果某些网页在强制深色模式下体验不佳，您可以停用 Vivaldi 菜单>深色主题 选项。

Vivaldi 引入了对所有工具栏按钮的自定义图标集的支持。 以下是在创建自己的图标时如何最好地处理资源。

编辑主题

您可以直接在 Vivaldi UI 中填充所有主题按钮。 要放置您自己的图标，请转到“设置>主题>编辑器>图标”，查看按类别排序的所有可用工具栏按钮的列表，以及用于放置您自己的图标的界面。 自定义图标将包含在导出的主题中。

---

图像尺寸

Vivaldi 在所有工具栏中支持 28 × 28 像素位图或 SVG 图像。 较大的图像将缩放到此大小。

图标布局

Vivaldi 图标字形的大小约为 16 像素。 您的图标应该在其边缘留出边距，而不是填满整个画布，这可能会导致在狭窄的工具栏中出现大图标。 但是，您可以随意将可用空间用于跨越假想边界之外的形状或更大的图标。

建议的图标在画布上的位置

---

位图资源

Vivaldi 支持 GIF、JPG、JPEG、PNG 和 WEBP 格式的位图图像。 请考虑使用支持 Alpha 通道掩码的格式。 图标应与浅色和深色背景色保持足够的对比度，因为您的主题图标集也可以在其他主题中使用。

位图资源最好以 目标大小的两倍 导出，以便在高 DPI 显示器上清晰呈现，并为 UI 缩放留出空间，即以 56 × 56 像素导出图像，使 28 像素目标的分辨率增加一倍。

---

SVG 资源

除了位图之外，Vivaldi 还支持可缩放矢量图形 （SVG） 格式，该格式可以通过几种不同的方式生成。

如果您希望图标继承当前主题颜色，请不要使用任何填充颜色定义，或使用 currentColor 关键词。 这确保了所有不同工具栏和主题组合中的正确颜色继承。

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 28 28"
  fill="currentColor"
>
  <!-- inherits fill color from current Vivaldi theme -->
  <path d="..." />
  <!-- uses specific fill color -->
  <path d="..." fill="#ffeea8" />
</svg>

SVG 颜色继承示例

另一方面，您可以在本地控制所有描边和填充颜色，而与当前主题颜色无关。 在这种情况下，您需要确保设置了所有颜色，以免继承意外的主题颜色。

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 28 28"
  fill="#000"
>
  <!-- inherits default fill color #000 specified above -->
  <path d="..." />
  <!-- uses specific fill color -->
  <path d="..." fill="#ffeea8" />
</svg>

具有自己的颜色定义的 SVG 代码示例

您是选择使用填充图标还是基于描边的图标取决于您。 在后一种情况下，以内联方式定义笔划属性。

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 28 28"
  fill="none"
  stroke="currentColor"
>
  <!-- no fill; stroke color inherited from current Vivaldi theme -->
  <path
    d="..."
    stroke-width="1"
    stroke-linecap="round"
    stroke-linejoin="round"
  />
</svg>

基于笔划的 SVG 图标示例

SVG 滤镜和蒙版

SVG 中的滤镜和蒙版由 ID 引用，ID 必须是唯一的。 如果 ID 不唯一，则对它的引用可能会丢失，并且筛选器或掩码将中断。 在多个文件中维护同一筛选器的唯一 ID 非常繁琐，并且不会阻止文档对象模型 （DOM） 中的 ID 重复性。

为了克服潜在的问题，请考虑拼合图形而不是使用蒙版，或者将 SVG 过滤器替换为内联级联样式表 （CSS）。 例如，要替换 feDropShadow SVG 发光效果：

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 28 28"
  fill="none"
  stroke="currentColor"
>
  <defs>
    <filter id="neonGlow-034">
      <feDropShadow
        in="enlarged"
        dx="0"
        dy="0"
        stdDeviation="40"
        flood-color="cyan"
      />
    </filter>
  </defs>
  <g filter="url(#neonGlow-034)">
    <rect x="7" y="7" width="14" height="14" rx="2" />
  </g>
</svg>

原始 SVG 滤镜

<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="0 0 28 28"
  fill="none"
  stroke="currentColor"
>
  <g style="filter: drop-shadow(0, 0, 1px, cyan)">
    <rect x="7" y="7" width="14" height="14" rx="2" />
  </g>
</svg>

内联 CSS 实现的类似效果

最小化 SVG

使用 SVGO 等工具最小化导出的 SVG 图标是个好主意。 您的编辑器还可以在导出时最小化 SVG，但这可能会带来一些警告，例如维护唯一 ID。

SVG 文件编码

SVG 文件必须采用 UTF-8 编码。 导入 sanitation 会剥离所有 JavaScript 和 <style> 元素（允许内联样式属性）。

---

主题存档格式

当前的 Vivaldi 主题格式已扩展为支持越来越多的工具栏按钮或 命令链的图标。 单个图标资源在主题存档 JSON 中导出为按钮 ID 和图像路径对。

"buttons": {
  "buttonId": "imagefile01.png"
}

如果您正在批量处理图标图像，您可以考虑在 Vivaldi 中导出您的自定义主题，并通过在生成的 ZIP 存档中替换它们来更新图像。

Figma 模板

如果您想开始根据官方 Vivaldi UI 图标创建新的图标集，我们为此创建了一个 Figma 模板。 模板的 URL https://www.figma.com/community/file/1214878626987427743。

一些网站会检查您用哪个浏览器浏览他们的页面，并且根据这些信息可能会改变您看到的内容。 这些网站还可能完全阻止对其内容和功能的访问。 要检查网站是否因使用 Vivaldi 而显示不同，您可以更改浏览器的 Sec-CH-UA 标识并再次检查该网站。

要更改报告的浏览器标识，请执行以下操作：

1. 转到设置>网络>伪装用户代理标识。
2. 从下拉菜单中，选择浏览器报告为没有标识、标识为Vivaldi、标识为Google Chrome 或 标识为Microsoft Edge。
   此外，您可以通过手动输入浏览器的标识和版本号来设置自定义品牌。
3. 重新启动浏览器以使更改生效。

勾选“附加 Vivaldi 标识”框，除了所选标识外，在报告的身份末尾添加 Vivaldi 的标识信息。

重要！ 请注意，更改报告的浏览器标识可能会导致网站出现兼容性问题。