2

Chrome 引入了闪屏作为 PWA 功能，使其看起来和感觉更像原生应用程序。它在 Web 应用程序清单中name生成icon启动画面。bg_color更多细节在这里：

虽然这一切都很好，但没有适当的文档说明 Chrome 决定保持启动画面可见的时间。

理想情况下，我认为应该直到在屏幕上绘制一些有意义的东西（只是首屏上的东西），但根据我的经验，Chrome 似乎会在很长一段时间内保持这个闪屏（可能是直到页面加载？）

这对于从慢速连接浏览我的网站的人来说是非常糟糕的——以前他们至少可以看到屏幕上正在工作和发生的事情，现在他们只看到一个静态图像（带有图标和名称的启动画面）——他们不知道如何打开网络应用程序需要很长时间，很容易感到无聊和下车。这是非常危险的。

我可以控制闪屏何时消失甚至完全禁用它吗？

4

2 回答 2

1

您可以注册一个DOMContentLoaded事件，这是第一个触发的事件，甚至在您的其他内容（如图像、css 等）仍在加载之前。使用它，您甚至可以（可能）在您的第一次绘制发生之前（取决于您的站点要求/实施）淡出/删除启动画面。在这里查看一个示例，他尝试在初始屏幕的渐变中添加动画，而不是简单的过渡。您绝对可以基于类似的理由尝试更早地删除启动画面。

PS：找不到任何东西来禁用/超时启动画面。因此，周围的工作！

于 2018-05-07T10:34:33.533 回答
0

您的第一页似乎需要很长时间才能准备好（第一次绘制），也许您有：

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

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

您可以看到其他 PWA 应用程序，例如 twitter，它们在 webAPK 中的加载速度非常快，并使用桌面上的 chrome dev-tool 向它们学习。

于 2018-05-07T07:22:40.430 回答