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

Question

Chrome 引入了启动画面作为 PWA 功能，使其看起来和感觉更像 native 应用程序。它根据 Web 应用程序 list 中的 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

您可以注册一个 DOMContentLoaded 事件，这是第一个触发的事件，甚至在您的其他内容(如图像、CSS 和所有内容)仍在加载之前。使用它，您甚至可以(可能)在第一次绘制之前淡出/移除启动画面(取决于您的站点要求/实现)。查看示例 here ，他尝试在启动画面的淡入淡出中添加动画而不是简单的过渡。您绝对可以基于类似的理由尝试更早地删除启动画面。

P.S.:找不到任何可禁用/超时启动画面的内容。因此变通了!