在GNOME web中为web应用程序提供图标(Epiphany)

我最近以补丁的形式为GNOME Web项目做了一份小贡献,在选择可安装Web应用程序使用图标时,将Web标准放在首位。由于在以前的版本中没有关于它如何工作的文档,所以我将在这里记录这一点。

以下内容yabo亚博体育下载适用于GNOME Web版本3.21.2及更新版本。(Web遵yabo亚博体育下载循GNOME desktop的版本号。)

GNOME Web(以前称为Epiphany)有一个非常强大的功能,你可以安装任何网站作为一个应用程序让它像其他app一样显示在活动概览中。这是管理常用web应用程序和服务的一种方便的方式,同时也为敏感网站和登录提供了与开放web的某种隔离。

即使GNOME Web不是您日常浏览的首选浏览器,您的工作效率和安全性也可以通过将一些一直打开的选项卡移动到Web应用程序中而受益。

为了让这些应用程序完成它们的工作,它们需要能够为任何网站抓取漂亮的图标。以前版本的GNOME Web更喜欢Windows 8中为Internet Explorer构建的“固定站点”机制msapplication-TileImage元数据属性。但是,由于包含了我的补丁,GNOME Web将更喜欢标准的HTML图标,而不是任何特定于供应商的方法,比如apple-touch-iconmsapplication

在GNOME Web中创建Web应用程序对话框,显示作为Web应用程序的轻微未来

下面是GNOME Web可以用来查找图标的不同方法的完整列表。当选择一个在GNOME Web中使用的图标时,列表是按照优先顺序排序的。

<链接的href = " / icon_vector。svg" rel="icon" size ="any">    <联系图标。图标快捷方式图标“rel = >

首选图标是一个向量,指定为与的链接关系图标大小= "任何"属性。yabo亚博体育下载其次是最大的尺寸大小属性可用。如果这些web标准方法都不可用,GNOME web将开始寻找特定于供应商的方法,如apple-touch-iconmsapplication,然yabo亚博体育下载后是任何OpenGraph图像,最后是一个未指定大小的图标(假设是一个小的favicon)。如果文档中没有包含这些图标,GNOME Web将尝试请求/ favicon.ico从服务器的根目录。

所有图标,无论他们的大小将缩放到192x192像素并栅格化为PNG文件。早期版本的GNOME Web使用144x144像素的图标msapplication)或更小。这些变化的总和就是,更多的应用程序将获得更高分辨率的更好的图标。

任何专注于当前web标准的web开发人员都会发现他们的应用程序或网站只能在GNOME web上工作。如果您想专门针对GNOME,您可以考虑提供符合的web应用程序图标的变体图标和艺术品部分,在GNOME人机界面指南。

GNOME Web只支持在大小属性中指定的一个大小。而下面的语法是标准兼容的(和.icns格式是支持的GNOME Web),它是不支持版本3.21.2:

<链接的href = " /图标。icns" rel="icon"尺寸="192x192 256x256 512x512">

从Web 3.21.2开始,它也允许不区分大小写的匹配< meta >标签(允许对HTML标准进行创造性的解释),而不需要小写标记。网络应用程序的名称现在将被预先填充的名字。

已安装的web应用程序也将通过新的用户代理识别自己。”主显节/ <版本> (Web应用程序)”。这里有更多关于附加到GNOME的补丁中的调整和变化的细节错误# 767257错误# 767123

我想这篇文章可以看作是本系列的第二篇文章,在这里我记录了以前浏览器中没有记录的图标选择,而这些图标本身并没有记录。看看第一部分,关于微软Edge的所有图标

我将创建GNOME wiki中为web开发人员提供的文档不久的将来,将为那些关心他们的应用程序或网站如何在GNOME web中显示和功能的web开发人员提供一些参考。