面向 Web 开发人员的 Vivaldi 链接拖放和选择行为

产品:Vivaldi 桌面版。

Vivaldi 允许用户选择链接内的文本或拖动链接。 Vivaldi 中的行为与其他 Blink (Chromium) 浏览器中的默认行为不同。

用户可以通过单击链接并向左或向右拖动来选择链接内的文本。 当他们向上或向下拖动链接元素时,链接元素将变为可拖动。

要显式地使链接始终可向任何方向拖动,请将其 draggable 属性设置为 true。 例:

<a href="https://example.com/" draggable="true">
  Draggable and Not Selectable Link Text
</a>

要显式地使链接的文本在任何方向上始终可选,请将其 draggable 属性设置为 false。 例:

<a href="https://example.com/" draggable="false">
  Selectable and Not Draggable Link Text
</a>

当链接不可显式拖动(默认值)时,将忽略 CSS user-select 属性,并且可能会忽略其 cursor 属性。

Was this helpful?

Yes
No
Thanks for your feedback!

Vivaldi 邮件的发件人最佳实践

产品:Vivaldi 桌面版。

Vivaldi Mail 是一个功能齐全的电子邮件客户端。 电子邮件送达率和潜在有害邮件的过滤留给用户的电子邮件服务器。

本文档介绍希望确保良好收件人体验和与 Vivaldi 邮件兼容性的发件人的具体情况


电子邮件渲染

Vivaldi Mail 使用 Chromium Blink 渲染引擎渲染电子邮件。

默认情况下,Vivaldi Mail 会阻止外部资源加载。 系统将提示用户批准加载每个发件人地址的外部资源。

将小而重要的图像(如徽标或符号)嵌入到电子邮件本身中,以确保其被加载。 包括替代文本(alt 属性)以用作其他外部图像的占位符。

当用户喜欢阅读纯文本时,Vivaldi Mail 会将纯 HTML 电子邮件转换为纯文本。 转换过程将保留链接并将图像呈现为其 alt 属性文本。 您可以通过将图像显式标记为修饰 (alt=“”) 来禁止在纯文本转换中表示图像。

为了获得最佳结果,请提供更精心设计的 HTML 消息的纯文本替代版本。


深色模式

Vivaldi Mail 遵循用户的配色方案首选项,并相应地呈现电子邮件。

您可以使用 Web 标准 prefers-color-scheme 媒体查询来设置消息的浅色和深色模式变体的样式。 例如:

<meta name="color-scheme" content="light dark">
<style>
@media(prefers-color-scheme: light) {
  body { background: white; color: black; }
}
@media(prefers-color-scheme: dark) {
  body { background: black; color: white; }
}
</style>

选择退出自动深色模式

如果您的电子邮件不包含配色方案信息,Vivaldi Mail 可能会自动应用深色配色方案。

您可以通过仅将电子邮件显式声明为浅色模式来禁用电子邮件中的自动深色模式。

<meta name="color-scheme" content="only light">

多部件选择

Vivaldi Mail 不支持合并多个 multipart/related 部分或其他复杂和不寻常的多部分消息。 它将选择集合中 multipart/alternative 首选类型中最大(以字节为单位)的合适部分。


网络钓鱼警告

如果“发件人”或“回复”字段中的名称与关联的发件人地址不同,Vivaldi 邮件将显示冒充/网络钓鱼警告。 使用人类可读的名称发送,或者不设置任何名称。

如果“发件人”和“回复”字段中的电子邮件地址位于不同的域名(包括子域),Vivaldi 邮件将显示冒充/网络钓鱼警告。 如果两个地址中的任何一个位于共同的个人邮件域(例如, gmail.comicloud.com)。


线索

Vivaldi Mail 是围绕电子邮件线索设计的。 线索可确保将相关电子邮件分组并显示在一起。 Vivaldi Mail 遵循标准电子邮件线索约定,如 RFC 5322 第 3.6.4 节所述。

请考虑采用电子邮件线索来自动更新事务性电子邮件的状态。 例如,订单发货确认应该是对订单确认电子邮件的回复。


日历邀请

Vivaldi Mail 将处理 iCalendar (RFC 5545) 文件格式的日历事件附件,并提示用户响应待处理的邀请 (RSVP)。

或者,您可以链接到 Web 服务器上的事件文件。 请参阅 与面向 Web 开发人员的 Vivaldi 日历集成

Was this helpful?

Yes
No
Thanks for your feedback!

与面向 Web 开发人员的 Vivaldi 日历集成

产品:Vivaldi 桌面版。

Vivaldi 日历是 Vivaldi 浏览器中内置的全功能日历客户端。 用户可以订阅日历源,也可以将单个或一组事件添加到其日历计划中。

日历源和事件文件都使用 iCalendar (RFC 5545) 文件格式。


提示将事件添加到 Vivaldi 日历

若要提示用户将事件添加到其日历中,请使用 https (推荐)或 http URI 方案创建链接。 例如:

https://example.com/staff-meeting.ics

在 Vivaldi 日历中提示订阅日历

若要提示用户关注新的日历源,请使用 webcal URI 方案创建指向该源的链接。 例如:

webcal://example.com/holidays.ics

Vivaldi 将假设并仅支持日历订阅的 HTTPS 协议。

Vivaldi 每 10 分钟轮询一次日历订阅更新。 请确保您的日历服务器设置了适当的 HTTP 缓存响应标头,并支持缓存重新验证,以减少服务器上的负载(请参阅 RFC 9111)。

Was this helpful?

Yes
No
Thanks for your feedback!

面向 Web 开发人员的 Vivaldi 书签元数据

产品: Vivaldi 桌面版

Vivaldi 将从 HTML 标准元数据元素和开放图形协议元数据中获取书签的元数据。 此元数据用于在用户创建新书签时预填充值。

书签标题将来自:

  1. 元素中的 <title> 文档标题。
  2. 开放图形协议标题 (og:title)。

书签描述将来自:

  1. 开放图形协议说明 (og:description)。
  2. 元素中的 <meta name="description"> 文档说明。

开放图协议描述是首选,因为它通常是比 HTML 标准描述更高质量的页面摘要。 后者通常过长或被误用于列出页面关键字,而不是书面摘要或描述。

Vivaldi for Android 和 Vivaldi for iOS 仅使用 HTML 标准元素。

Was this helpful?

Yes
No
Thanks for your feedback!

面向 Web 开发人员的 Vivaldi 自适应主题颜色

产品:Vivaldi 桌面版、Android 版和 iOS。

自适应主题颜色允许网页在浏览器镶边中设置主题色,包括标题栏、标签栏、地址栏、状态栏等。 例如,要将浅抹茶绿色主题应用于浏览器镶边:

<meta name="theme-color" content="#8ba888">

Vivaldi 使用文档中的第一个命名 <meta> 元素。

默认情况下,自适应主题颜色处于启用状态。 该功能可能会被自定义主题禁用。

在 Vivaldi 桌面版和 Vivaldi Android 版中,您可以使用适当的媒体查询为浅色和深色主题颜色首选项设置不同的颜色。 例如,要在浅色模式下应用浅抹茶绿色主题颜色,在深色模式下应用深色抹茶绿色主题颜色:

<meta name="theme-color" content="#8ba888" media="(prefers-color-scheme:light)">>
<meta name="theme-color" content="#44624a" media="(prefers-color-scheme:dark)">

在 Vivaldi for Android 和 Vivaldi for iOS 中,将忽略属性的 content 动态更新。 这些平台上的主题颜色仅在初始文档初始化期间设置。

在 Vivaldi 桌面版中,主题颜色的快速更改可能会延迟。 您应该确保您的文档不会过于频繁地更改其主题颜色

某些主题颜色的色调或饱和度可能会稍作调整,以确保与工具栏文本和图标有足够的对比度。

Was this helpful?

Yes
No
Thanks for your feedback!

面向 Web 开发人员的 Vivaldi 快进

产品:Vivaldi 桌面版。

快进允许用户从一个文档导航到系列中的下一个相关文档。 示例包括导航到图书的下一页、搜索结果页面、论坛或图库中的图像。

快进是通过按下文档底部的空格 键(默认启用)或使用快进按钮或快速命令来激活的。

Vivaldi 使用几种不同的方法检测系列中的下一个文档:

  1. (首选 Web 标准)。 文档中具有rel="next"属性的第一个<link>元素。
  2. 文档中具有rel="next"属性的第一个<a>元素。
  3. 文档中具有确切字符串“Next”或“Next Page”(或本地化等效项)的最后一个 <a> 元素。 aria-labeltitle属性也被考虑在内。 仅考虑最后 1000 个 <a> 元素。

快进检测仅在文档初始加载期间发生。 Vivaldi 稍后不会检测到动态插入。 当元素的 href 属性更新时,快进会动态更新。

意外快进导航

在兼容的文档上可能会意外触发快进,尤其是对于想要在 空格 键盘事件上进行交互的文档和 Web 应用(如游戏)。

当文档处理键盘事件,但在对事件执行操作后无法使用该事件时,可能会发生意外导航。 在事件处理程序中,确保调用 preventDefault() 向浏览器发出信号,表明键盘事件已被处理和使用。 当使用默认窗体控件(如 <input><textarea>)时,这会自动发生。

测试并确保与快进、单键快捷键和其他键盘辅助功能的兼容性非常重要。

Was this helpful?

Yes
No
Thanks for your feedback!

面向 Web 开发人员的 Vivaldi Web 面板

产品:Vivaldi 桌面版。

Web 面板是一种特殊类型的持久标签页,用户可以将其添加到 Vivaldi 中的侧面板。

Web 面板在侧面板的窄列中加载用户提供的 URL。 Web 面板加载移动用户代理,以匹配其狭窄的类似移动设备的视口。 针对移动设备优化的文档和 Web 应用程序应与 Web 面板一样运行良好。

Web 面板可以通过标签页通知来传达数字状态信息,并通过动态更新其 标签页图标(“favicon”)来传达其他状态信息。

可能具有破坏性的对话驱动 API(如 alert()prompt())不可用。

Web 面板在具有常规标签页的共享上下文中运行。 Web 面板无法提示用户输入新权限,但会在常规标签页中共享已授予其来源的已授予权限。

可以使用 chrome.sidePanelAPI 创建更强大和集成的面板体验,该 API 可用于扩展。

Was this helpful?

Yes
No
Thanks for your feedback!

启动 Vivaldi

Vivaldi 的启动选项在“设置>启动>启动时打开”中配置。

上次会话

选择此选项后,浏览器将打开上次关闭 Vivaldi 时打开的 标签页和窗口

当浏览器设置为在上次会话中打开时,使其运行得更快的一个不错的选择是 延迟加载 标签页。 这样,仅加载活动标签页,而其他标签页只有在您转到它们时才会完全加载。

此外,如果您已将浏览器设置为使用“上次会话”打开,但由于某种原因您以前的标签页未恢复,请单击标签栏远端或“窗口面板”中的“已关闭标签页按钮)”以查看并重新打开最近关闭的标签页和窗口

网站首页

浏览器将打开,并在“设置>常规>启动>主页”中选择作为主页的页面。

起始页

使用 快速拨号在起始页上打开 Vivaldi;

特定页面

Vivaldi 还可以从打开您选择的特定网页或多个页面开始。

要在每次启动 Vivaldi 时打开多个网页:

选项 1

  1. 转到 设置 > 常规 > 启动 >启动时打开
  2. 选择 特定页面 作为 启动时打开 选项;
  3. 输入网页的 URL;
  4. 单击 “添加”;
  5. 重复第 2 步和第 3 步,直到列出要在启动时打开的所有页面。

选项 2

  1. 仅打开您希望浏览器打开的这些网页;
  2. 转到 设置 > 常规 > 启动 >启动时打开
  3. 选择 特定页面 作为 启动时打开 选项;
  4. 单击“ 使用当前页面”。

要从列表中删除站点,请单击 URL 字段旁边的删除页面

Was this helpful?

Yes
No
Thanks for your feedback!

快进和快退

快进

当网站对内容进行分页时,您可以单击地址栏上的“快进”按钮来加载下一页,而不是滚动到页面底部并单击网页上的下一页按钮。

快进适用于如 搜索引擎的搜索结果页面、论坛主题列表页面、在线(购物)目录等场景。

或者,您可以使用 空格 键。 按键盘上的 空格 键会一点一点地将您向下移动页面,一旦您到达页面末尾,它就会加载下一页。

快退

如果您在同一网站上浏览了多个页面,只需单击一下即可返回第一页。

例如,如果您访问 DuckDuckGo 或 Ecosia 等 搜索引擎 网站并搜索某些内容。 您在第 1 页、第 2 页和第 3 页等处查找它。 假设您在第 5 页,通过点击 快退 按钮,您只需单击一下即可直接返回第 1 页。

快进和快退按钮

提示

快进和快退可以从主工具栏以及 键盘快捷键鼠标手势访问。

Was this helpful?

Yes
No
Thanks for your feedback!

适用于 Vivaldi 的 Flash播放器

从 2021 年初开始,不再支持 Flash播放器。 有关更多信息,请访问 Adobe Flash播放器的生命周期结束一般信息页面

Was this helpful?

Yes
No
Thanks for your feedback!