如何模仿谷歌浏览器使用的添加到主屏幕功能。单击该快捷方式时，它会全屏打开。
我尝试在 Android 中添加快捷方式，但找不到可以全屏打开的任何内容，但我认为 Flipkart 能够做到。有没有像chrome那样做的方法。
【问题讨论】：
标签： android google-chrome web-applications fullscreen progressive-web-apps
让您的应用或网站全屏显示
用户或开发人员可以通过多种方式获得全屏网络应用程序。
伪装：自动隐藏地址栏。
gesture.element.requestFullscreen()
document.documentElement.requestFullscreen();
更多详情：-https://developers.google.com/web/fundamentals/native-hardware/fullscreen/
【讨论】：
当您在 chrome 中单击“添加到主屏幕”时，会发生两种情况。
1) 如果您的网站满足最低要求 PWA criteria（有效的 Manifest.json，服务工作者，通过 HTTPS 和有效证书提供服务）- Chrome 使用 WebAPK 组件，该组件是 Chrome 浏览器本身的一部分来创建 .APK 文件并签名它可以即时安装到您的手机中，就像从 Play 商店安装的应用程序一样。甚至应用程序信息也会显示该应用程序是从 Play 商店安装的（尽管它不完全是，我猜 Google 可能稍后会改写它）并由 Google 签名。
如果你想模仿APK生成部分，目前没有办法。您可以使用文件浏览器工具（如 ES 文件浏览器）提取此 .apk 文件，并将其用于移植到其他手机（不推荐用于一般公共分发，因为您可能不知道用户是否支持 Chrome 版本）
2) 如果您的应用不兼容 PWA（使用 Chrome 灯塔审核进行渐进式 Web 应用查看您的应用是否有资格安装到主屏幕），当您尝试添加到主屏幕时，图标仍然会添加。但是当你打开时，它会在浏览器中用地址栏打开。把它想象成一个书签快捷方式。它就是这样工作的。
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/",
您可以添加主题颜色清单条目和元标记来解决它报告的其他两个问题。但它们是装饰性的，不会导致您试图解决的问题。
【讨论】：