安卓版的主题

了解如何在安卓版中自定义你的 Vivaldi 外观。

创建自定义图标集

Vivaldi 引入了对所有工具栏按钮自定义图标集的支持。 以下是创建自定义图标的最佳实践。

编辑主题

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

Vivaldi 主题设置中的图标编辑器。
按钮图标编辑器

图像尺寸

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。

演示视频

Was this helpful?

Yes
No
Thanks for your feedback!

用户代理标识伪装

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

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

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

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

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

Was this helpful?

Yes
No
Thanks for your feedback!

直接匹配：工作原理、隐私及其他

什么是直接匹配？

直接匹配是一项功能，通过直接在 地址字段、 搜索字段或 快速拨号 搜索中建议某些网站，您可以更快地访问这些网站。 当您输入的内容匹配时，直接匹配为您省去了在搜索引擎中搜索的额外步骤，帮助您以更少的点击次数到达需要去的地方。

直接匹配如何运作？

当您开始在 地址字段、 搜索字段或 快速拨号 搜索中键入搜索词时，Vivaldi 会检查本地存储的文件以查看是否有匹配项。 如果找到一个，下拉列表中将出现一个标有 “直接匹配” 的项目，表明一个与您输入的内容相关的网站。 单击建议会将您直接带到该站点，完全跳过搜索引擎。

下面是一个快速概述：

  • 您将看到直接匹配的位置： 地址字段、 搜索字段或 快速拨号 搜索
  • 功能：根据本地数据为网站提供快速建议
  • 它如何使您受益： 减少额外的步骤并让您更快地到达目标站点

与 Vivaldi 中的其他任何内容一样，您可以自定义项目在地址字段中的显示顺序 —— 因此，无论是 书签、搜索建议还是直接匹配结果，您都可以在 “设置 > 地址栏 > 地址字段建议中选择一种您喜欢的工作方式。

隐私方面

我们非常重视您的隐私，直接匹配也不例外。

  • 不跟踪：您键入的内容保持私密 – 不会被跟踪、存储或发送给任何人，包括Vivaldi。 因此，无需担心数据被用于分析或类似的事情。
  • 仅限本地数据：所有用于匹配的数据都存储在您的本地设备上，这意味着任何人（包括Vivaldi）都无法跟踪您输入的内容。

就我们而言，我们不会保留任何关于谁点击了哪个链接的永久记录，也不会存储任何 IP 地址。 在某些情况下，点击建议可能涉及第三方联盟网络，该网络可能会设置 Cookie 以正确地将收入归因于正确的一方，就像所有联盟链接在网络上的运作方式一样。

我为什么要点击这些建议？

直接匹配就是为了方便。 它可以帮助您更快地访问您正在寻找的网站，同时，点击这些建议也是您支持 Vivaldi 持续发展的方式，使我们能够继续为您提供更好的浏览体验。

禁用直接匹配

如果您认为直接匹配不适合您，很容易关闭。 只需按照以下简单步骤操作：

  1. 转到“设置>搜索>开启搜索建议”。
  2. 不要勾选 “启用直接匹配”复选框。

要在移动设备上禁用 直接匹配：

  1. 转到 Vivaldi 菜单 > 设置 > 地址栏。
  2. 关闭 启用直接匹配。

我们希望直接匹配让您的浏览更快、更轻松，同时仍然尊重您的隐私。

Was this helpful?

Yes
No
Thanks for your feedback!

Vivaldia 2

Vivaldia 是由 Porcelain Fortress 为 Vivaldi 开发的一个游戏系列 。 Vivaldia 2 是一款街机风格的跑酷游戏，作为角色 Vivaldia，你踏上冒险之旅，与邪恶的机器人霸主作战，拯救失落的山谷。

虽然 第一款 Vivaldia 游戏 已集成到桌面和 Android 上的 Vivaldi 浏览器中，但 Vivaldia 2 可以在任何设备和浏览器上在网络上玩。

玩游戏

玩 Vivaldia 2：

  1. 转到 https://vivaldi.com/games/vivaldia2/。
  2. 选择 “新建游戏”。
  3. 选择您的模式：
    • 正常，或
    • 挑战。
  4. 决定你是想从教程开始还是直接开始玩。

桌面上的游戏输入：

  • ← 和 → – 左右移动
  • ↑ – 爬上去，进入下一关
  • ↓ – 爬行和爬下
  • N 或 空格 – 跳跃
  • M – 射击

该游戏也可以使用游戏控制器进行。

在带有触摸屏的移动设备上，您可以在屏幕上显示控制器按钮或使用连接的游戏控制器进行游戏。

Vivaldia 2 在移动屏幕上显示触摸输入。

要获得最佳体验，请单击/点击左上角的双端箭头，启用全屏模式。

您可以通过收集金币和其他（隐藏的）宝藏以及击败敌人来获得积分。 如果您及时通过该级别，则在每个级别结束时都会获得额外的分数。

设置

游戏设置

转到“设置>游戏”以调整游戏内声音的音量。 您可以单独调节音量：

  • 音效 （SFX）
  • 音乐
  • 氛围

将音量设置为 0 可使声音静音。

如果您已将游戏控制器连接到手机，则可以通过转到“设置 > 游戏”并启用“隐藏触摸输入”来隐藏屏幕上的输入按钮。

语言

要更改游戏语言：

  1. 转到 设置 > 语言。
  2. 选择您选择的语言。

Was this helpful?

Yes
No
Thanks for your feedback!

关于不安全网站的警告

你是说 [site name]吗？

有时，在地址字段中键入 URL 时会出现拼写错误。 导航到带有拼写错误的链接时，您最终可能会无处可去，并显示“无法访问此站点”的消息，但您也可能最终进入另一个网站。 其中一些网站的 URL 与您计划访问的网站非常相似，可能是合法的，但恶意人员利用这个诚实的错误并不少见，因此您需要谨慎。

如果根据您的浏览历史记录和小型受保护阻止列表的 URL 变体，Vivaldi 怀疑您可能进入了您不打算访问的网站，它将显示一个警告对话框，提示您对该网站保持警惕。 例如，如果在“历史记录”中有 somesite.com，则在“地址字段”中输入 smoesite.com 时可能会看到警告。

在这种情况下，请仔细检查“地址字段”中的 URL，以确认您确实正在访问您打算访问的网站。

Was this helpful?

Yes
No
Thanks for your feedback!

桌面上的弹出式视频

弹出视频功能，也称为画中画，允许您在浮动窗口中显示 HTML5 视频，以便您可以在向下滚动页面或更改标签页时继续观看视频。

要使用此功能，请执行以下操作：

  1. 将鼠标光标悬停在视频上；
  2. 单击显示在视频顶部边缘的弹出视频按钮。

或者，右键单击视频，然后从上下文菜单中选择 画中画 。 对于某些网站，例如 Youtube，这还无法通过其自定义上下文菜单实现。 在这种情况下，双击鼠标右键以显示带有画中画选项的上下文菜单。

在 Vivaldi 浏览器中弹出视频（画中画）窗口

弹出的视频包括以下控件：

  • 暂停视频；
  • 返回主窗口；
  • 更改视频的音量；
  • 移动到下一个/上一个视频（播放播放列表中的视频时）；
  • 通过以下任一方式在视频时间轴中跳过或返回：
    • 单击进度条，或
    • 在聚焦于弹出视频时使用左右箭头键；
  • 用于关闭弹出窗口。

禁用弹出视频按钮

默认情况下，弹出视频按钮处于启用状态。 如果您不使用该功能：

  1. 转到设置>网页。
  2. 禁用 视频中的画中画按钮。
  3. 重新启动浏览器。

Was this helpful?

Yes
No
Thanks for your feedback!

报告使用 macOS 播放视频或音频的问题

在 macOS 上报告媒体问题时，除了描述正在发生的事情和地点外，我们还需要更多信息才能跟进它。
请访问以下页面：

  • 显卡： vivaldi://gpu
  • 媒体： vivaldi://media-internals

在这两个页面上，单击“ 复制到剪贴板 ”并将内容粘贴到错误报告中。

此外，请访问以下链接，并告诉我们为所选标志选择了哪些选项：

  • vivaldi://flags/#ignore-gpu-blacklist
  • vivaldi://flags/#disable-accelerated-video-decode

请将所有这些信息复制并粘贴到 vivaldi.com/bugreport

 

Was this helpful?

Yes

No


Thanks for your feedback!

在 macOS 上报告崩溃

当 Vivaldi 遇到不可恢复的错误并意外关闭或标签页的内容消失并被“死鸟”图像替换时，就是发生了“崩溃”。 与崩溃有关的信息由 Vivaldi 记录。

启用自动崩溃报告

当您启用自动崩溃报告时，我们将自动收到崩溃日志。您可以在安装浏览器后的欢迎流程中或随时在“设置”中启用崩溃报告。

启用自动事故报告：

  1. 转到 设置 > 隐私与安全 > 隐私 > 崩溃报告，
  2. 启用 分享崩溃报告，帮助我们提升产品质量。

提供附加信息

通过为崩溃提供背景信息，团队将更容易修复导致崩溃的漏洞。你可以通过提交一个与崩溃日志关联的bug报告来实现这一点。

要提交有关崩溃的错误报告：

  • 转到 vivaldi:crashes。
  • 查找您目睹崩溃时创建的崩溃日志。
  • 点击“ 提供更多详情”。
    您将被带到我们的 bug报告页面，崩溃的ID已经在 摘要 字段中预先填写。
  • 在表单中填写您认为与崩溃相关的信息，例如触发崩溃的步骤。
  • 提交错误报告。

手动发送崩溃报告

要找到崩溃日志文件，请打开 Finder 并使用菜单“Go → Go to folder”或键盘快捷键“⇧⌘G”，然后粘贴以下行：

~/Library/Application Support/Vivaldi/Crashpad

在这里，您可以在 pending 或 completed 子文件夹下找到所有崩溃日志文件 （.dmp）。 按日期对文件夹内容进行排序，并仅发送最新的文件夹内容，因为只有当我们 精确 知道它们来自哪个版本的 Vivaldi 时，才能处理它们。 为了节省空间，您可能需要压缩它们并将它们发送到 zip 存档中。

或者，你可以这样做：

  1. 启动“终端”应用程序——打开“Spotlight”，输入：终端
  2. 将以下文本复制并粘贴到终端窗口中，然后按“Enter”键 – 单击三次以选择
    find ~/Library/Application\ Support/Vivaldi/Crashpad -newer /Applications/Vivaldi.app -name \*.dmp | zip -j ~/Documents/Vivaldi\ Crash\ Logs\ $(date '+%Y%m%d-%H%M') -@
  3. 现在打开您的“文档”目录或在“终端”中输入以下内容
    open ~/Documents/
  4. 您将找到一个注明日期的“Vivaldi 崩溃日志”zip 文件，您可以将其附加到您的错误报告中

然后，去 vivaldi.com/bugreport 填写关于崩溃详情的表格，并将崩溃日志文件附上报告。

Was this helpful?

Yes
No
Thanks for your feedback!

密码管理

在 Vivaldi 浏览器中保存登录凭证，以便快速访问你的在线账户。