.WEBMANIFEST 文件扩展名

渐进式Web应用清单

开发者 W3C
受欢迎程度
3.8  |  6 票
 

什么是 WEBMANIFEST 文件?

WEBMANIFEST文件是渐进式Web应用(PWA)使用的元数据文件。它详细说明了PWA的名称、起始URL、描述、启动画面设置、图标和预期方向等设置。WEBMANIFEST文件由JSON对象组成。

更多信息

在 Microsoft Visual Studio Code 1.57 中打开的 .webmanifest 文件截图
在 Microsoft Visual Studio Code 1.57 中打开的 WEBMANIFEST 文件

PWA是可以安装到设备上的Web应用,通常安装在设备的桌面或主屏幕上。这样,用户就可以像访问原生OS应用一样访问Web应用。

例如,在Google Chrome中,用户可以访问app.starbucks.com,打开Google Chrome的设置菜单,然后选择Install Starbucks来安装Starbucks PWA。这样会创建一个Starbucks应用,用户可以打开并使用它,通过app.starbucks.com下单。

每个PWA都包含一个WEBMANIFEST文件,该文件是一个JSON文件,用于指定应用的名称、起始URL(用于加载应用主屏幕的URL)、应用图标和许多其他设置。每个WEBMANIFEST文件可能包含以下JSON对象:

  • background_color:定义PWA加载屏幕的背景颜色
  • categories:定义PWA所属的类别
  • description:说明应用的用途
  • dir:定义PWA显示文本时使用的默认方向(从左到右或从右到左)
  • display:定义PWA首选的显示模式;可以设置为fullscreen、standalone、minimal-ui或browser
  • iarc_rating_id:包含国际年龄分级联盟的PWA认证代码
  • icons:指定用作PWA图标的图像
  • lang:指定PWA的主要语言
  • name:指定PWA的名称
  • orientation:指定PWA的默认方向;可以设置为any、natural、landscape、landscape-primary、landscape-secondary、portrait、portrait-primary或portrait-secondary
  • prefer_related_applications:指定是否应优先使用并打开related_applications对象中列出的应用,而不是PWA
  • protocol_handlers:列出PWA可以注册和处理的协议
  • related_applications:列出OS可以运行、用来替代PWA的原生应用
  • scope:限制可以在PWA中查看的网页
  • screenshots:指定用作PWA商店中PWA截图的图像
  • short_name:定义PWA的短名称,以便在无法显示完整名称时使用
  • shortcuts:定义用作PWA中关键任务或页面链接的URL;用于组成上下文菜单
  • start_url:用户打开PWA时默认加载的URL
  • theme_color:定义PWA的默认主题颜色

大多数WEBMANIFEST文件只包含上述部分设置。开发者通常会在PWA的主.HTML文件中链接到WEBMANIFEST文件。

如何打开 WEBMANIFEST 文件

你可以在任何文本编辑器或源代码编辑器中打开和编辑WEBMANIFEST文件,包括Microsoft Visual Studio Code(跨平台)、GitHub Atom(跨平台)、Microsoft Notepad(Windows)、Apple TextEdit(Mac)或Vim(Linux)。

使用File Viewer Plus打开 400 多种文件格式。免费下载

可打开或引用 WEBMANIFEST 文件的程序

Windows
Chrome OS
操作系统自带
分类:网页
更新时间:2021年7月8日

经 FileInfo.com 验证

FileInfo.com 团队独立研究了本页面列出的渐进式Web应用清单文件格式和 Mac、Windows 和 Linux 应用。我们的目标是达到 100% 的准确率,并且仅发布我们已验证过的文件类型信息。

如果您想为此页面提出新增或更新建议,请告诉我们。