Question

在启动Chrome应用程序时加载数据的最佳做法是什么？

我的Chrome应用程序的登录页面取决于我存储在chrome本地存储中的一些配置数据。但是，读取chrome本地存储是一个异步过程。因此，在应用程序启动后，有一段时间没有正确显示登录页面。

为了避免这个空白时间（由于读取本地存储的异步过程），我正在考虑在后台JS中读取数据。但是，我还没有说出最佳做法是什么。

有人有什么意见吗？感谢。

Answer 1

只需听听onLaunched活动

chrome.app.runtime.onLaunched.addListener(function() {
// load your data
});

Answer 2

这是我从谷歌集团获得的一条有用的建议。在这里分享，以便有相同问题的人可以参考它：

您可以在后台页面中读取chrome.storage，并在数据准备好后打开窗口。但是，用户体验可能更糟糕，因为您没有用户反馈，而是没有错误的目标网页。

通常（且易于实施）的解决方案是在数据加载过程中向您的目标网页显示一些视觉反馈，例如带有“正在加载”标签的旋转轮。如果您的UI确实需要显示数据，您可以将此可视指示符添加为整个窗口顶部的不透明div。

有些人使用启动画面，但我认为它不会增加用户体验。