在非PWA Web应用程序中弹出“添加到主屏幕”

时间:2020-08-27 06:30:15

标签: javascript html css browser

在不是PWA应用程序的Web应用程序中是否可以弹出“添加到主屏幕”?如果是,那么该怎么做。我从stackoverflow的以下链接中尝试了一些解决方案,但看来它只能通过浏览器选项“添加到主屏幕”工作,并且不会触发弹出窗口。

1 个答案:

答案 0 :(得分:0)

引自MDN。

您如何使应用程序支持A2HS?要将您的应用添加到主屏幕,它需要满足以下条件:

  • 要通过HTTP进行服务-网络正朝着更加安全的方向发展,许多现代Web技术(A2HS 包括在内)仅适用于安全的环境。
  • 要创建一个清单文件,该清单文件中的正确字段是从HTML头开始链接的。
  • 要在主屏幕上显示适当的图标。
  • Chrome还需要在应用中注册服务工作者(例如,使其在离线状态下可以运行)。

PWA

为了将Web应用程序称为PWA,从技术上讲,它应该具有以下功能:

  • 安全上下文(HTTPS)
  • 服务人员
  • 清单文件

从上面的引言中我们可以清楚地看出,“添加到主屏幕”功能仅与PWA 服务工作者有一种区别。但是在Chrome中,您还需要服务人员来启用A2HS。由于Chrome是最受欢迎的浏览器,而其他大多数浏览器也都基于Chromium,因此可以肯定地说A2HS功能仅适用于大多数用户的PWA。

请参阅: