如何从Android应用程序以编程方式将WebApp快捷方式添加到主屏幕，以在全屏模式下启动WebApp

Question

如何模仿谷歌浏览器使用的添加到主屏幕功能。单击该快捷方式时，它将以全屏模式打开。

我尝试在Android中添加快捷方式，但无法找到全屏打开的内容，但我认为Flipkart能够做到这一点。有没有像chrome那样的方法。

Answer 1

当您点击Chrome中的“添加到主屏幕”时，会发生两次铃声。

1）如果您的网站符合最低PWA criteria（有效Manifest.json，服务工作人员，通过HTTPS提供有效证书） - Chrome使用WebAPK组件，该组件是Chrome浏览器本身的一部分，用于创建.APK文件并在运行中签名并将其安装在手机中，就像从Play商店安装的应用程序一样。即使是应用信息也会显示应用程序是从Play商店安装的（虽然不一定，谷歌可能会在以后改编），并由Google签名。

如果您想模仿APK生成部分，目前无法做到。您可以使用ES文件浏览器等文件资源管理器工具提取此.apk文件，并将其用于移植到其他手机（不推荐用于一般公开发布，因为您可能不知道用户是否支持Chrome版本）

2）如果您的应用不符合PWA（使用Chrome灯塔审核进度网络应用，看看您的应用是否有资格安装到主屏幕），当您尝试添加到主屏幕时，图标仍然是添加。但是当你打开它时，它将在浏览器中打开地址栏。可以把它想象成书签快捷方式。它的工作方式。

Flipkart具有最低的PWA合规性，这使Chrome生成.APK文件并像普通应用程序一样安装并全屏打开。

您必须说明您创建应用程序的所有PWA组件，您的应用程序在灯塔审核中通过的条件是什么，当您尝试添加到主屏幕时打开它以及打开它以便我们进一步帮助。

更新：以下是您网站的灯塔审核报告。在失败的那些中，manifest.json没有有效的start_url是你需要解决的问题，以获得安装横幅并将其作为应用程序添加到主屏幕，该屏幕将全屏打开。

我可以在https://locoshift.com/manifest.json看到您的清单，其中start_url为

  "start_url": "https://locoshift.com",

尝试将其更改为，以便从那里找到清单。我将“/index.html”作为start_url，对我来说也很有用。

  "start_url": "https://locoshift.com/",

您可以添加主题颜色清单条目和元标记来解决它报告的其他两个问题。但它们是装饰性的，并不会导致您试图解决的问题。

Answer 2

全屏显示您的应用或网站

用户或开发人员可通过多种方式全屏获取网络应用。

• 请求浏览器全屏响应用户
• 将应用安装到主屏幕。

• 假冒：自动隐藏地址栏。

  gesture.element.requestFullscreen()
  document.documentElement.requestFullscreen();
  

有关详情： - https://developers.google.com/web/fundamentals/native-hardware/fullscreen/