如何在啓動Chrome應用程序時加載數據？

Question

在啓動Chrome應用程序時加載數據的最佳做法是什麼？

我的Chrome應用的着陸頁取決於一些配置數據，這些數據存儲在chrome本地存儲中。但是，閱讀chrome本地存儲是一個異步過程。因此，在App啓動後，有一段時間着陸頁無法正確顯示。

爲了避免這個空白時間（由於讀取本地存儲的異步過程），我正在考慮在背景JS閱讀數據。但是，我沒有找出最好的做法。

有人有什麼意見嗎？謝謝。

Answer 1

只聽onLaunched事件

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

Answer 2

這裏有一件有益的建議我已經從谷歌集團獲得。在這裏分享，以便有相同問題的人可以參考它：

您可以從背景頁面的chrome.storage中讀取數據，並在數據準備就緒後打開窗口。但是，用戶體驗可能更糟糕，因爲不是不正確的登錄頁面，您根本沒有用戶反饋。

通常（並且易於實施）的解決方案是在數據加載過程中顯示着陸頁上的一些視覺反饋，例如帶有「加載」標籤的旋轉輪。如果您的UI真的需要顯示數據，則可以將此可視指示符添加爲整個窗口頂部的不透明div。

有些人使用啓動畫面，但我認爲它不會增加用戶體驗。