渐进式网络应用程序 - 有没有办法关闭Chrome显示的启动画面，或至少控制启动画面何时消失？

Question

Chrome引入了启动画面作为PWA功能，使其外观更像原生应用。它会在网络应用清单中的name，icon和bg_color生成启动画面。更多细节在这里：

• https://developers.google.com/web/updates/2015/10/splashscreen

• https://developers.google.com/web/tools/lighthouse/audits/custom-splash-screen

虽然所有这些都很好，但没有关于Chrome决定保持闪屏可见时间的正确文档。

理想情况下，我认为它应该是直到屏幕上画出有意义的东西（只是上面的东西）但是根据我的经验，Chrome似乎很长时间保持这个闪屏（也可能是在页面加载之前？）

这对于浏览我的网站的人来说非常糟糕 - 以前至少他们可以在屏幕上看到一些正在发生的事情，现在他们只看到静态图像（带有图标和名字的闪屏） - 他们不会知道打开网络应用程序需要多长时间，很容易感到无聊和辍学。这是非常危险的。

我可以控制启动画面何时消失甚至完全禁用它？

Answer 1

看来你的第一页花了很长时间才准备好（第一次画），也许你有：

• 一个大的HTML文件
• 同步加载样式表
• Javascript需要很长时间才能解决问题

检查这些事情，看看解决每个问题是否有帮助。

你可以看到其他PWA应用程序，比如Twitter如何在webAPK中快速加载它们，并在桌面上使用chrome dev-tool从中学习。

Answer 2

你可以注册一个 DOMContentLoaded 的事件，这是第一个被触发的事件，甚至在你的其他东西如图像，css和所有东西仍然被加载之前。使用此功能，您可以在第一次喷漆之前（甚至可能）淡出/移除闪屏（取决于您的站点要求/实施）。查看示例here，他试图在启动画面的淡入淡出时添加动画而不是简单的过渡。你绝对可以尝试早些时候以类似的方式删除闪屏。

P.S。：无法找到任何禁用/超时启动画面的内容。因此，努力工作！