本頁面由 Cloud Translation API 翻譯而成。

永久儲存空間

永久性儲存空間可保護重要資料，避免遭到淘汰，並降低資料遺失的機率。

Pete LePage

當瀏覽器面臨儲存空間壓力 (例如磁碟空間不足) 時，通常會從最近最少使用的來源淘汰資料，包括 Cache API 和 IndexedDB。如果應用程式未與伺服器同步處理資料，這可能會導致資料遺失，並移除應用程式運作所需的資源，進而降低應用程式的可靠性，兩者都會導致使用者體驗不佳。

幸好，Chrome 團隊的研究顯示，Chrome 很少自動清除資料。使用者手動清除儲存空間的情況更為常見。因此，如果使用者定期造訪您的網站，資料就不會遭到淘汰。如要避免瀏覽器刪除您的資料，您可以要求將整個網站的儲存空間標示為永久性。

許多新式瀏覽器都支援永久儲存空間。

瀏覽器支援

資料來源

如要進一步瞭解淘汰機制、可儲存的資料量，以及如何處理配額限制，請參閱「Web Storage」。

檢查網站儲存空間是否已標示為永久

您可以使用 JavaScript 判斷網站的儲存空間是否已標示為永久性。呼叫 navigator.storage.persisted() 會傳回 Promise，並以布林值解析，指出儲存空間是否已標示為已儲存。

// Check if site's storage has been marked as persistent
if (navigator.storage && navigator.storage.persist) {
  const isPersisted = await navigator.storage.persisted();
  console.log(`Persisted storage granted: ${isPersisted}`);
}

何時應要求使用永久性儲存空間？

要求儲存空間標示為持久性儲存空間的最佳時機，是在您儲存重要使用者資料時，且要求應盡可能納入使用者手勢。請勿在網頁載入時或在其他 Bootstrap 程式碼中要求持久性儲存空間，否則瀏覽器可能會向使用者要求權限。如果使用者認為自己並未執行任何需要儲存的操作，提示可能會造成混淆，他們很可能會拒絕要求。此外，請勿過度頻繁顯示提示。如果使用者決定不授予權限，請勿在下次儲存時立即再次提示。

要求永久儲存空間

如要為網站資料要求持久性儲存空間，請呼叫 navigator.storage.persist()。這個方法會傳回 Promise，並以布林值解析，指出是否已授予永久性儲存空間權限。

// Request persistent storage for site
if (navigator.storage && navigator.storage.persist) {
  const isPersisted = await navigator.storage.persist();
  console.log(`Persisted storage granted: ${isPersisted}`);
}

注意： 如果要檢查網站儲存空間是否已標示為永久性，以及要求永久性儲存空間，則 API 名稱非常相似。我記憶這項差異的方式是：persisted() 是過去式，用於檢查是否已持久化ed。persist() 則是現在式，會立即要求。

如何授予權限？

永久儲存空間會視為權限。瀏覽器會根據不同因素決定是否授予永久性儲存空間權限。

Chrome 和其他以 Chromium 為基礎的瀏覽器

Chrome 和大多數以 Chromium 為基礎的瀏覽器會自動處理權限要求，不會向使用者顯示任何提示。相反地，如果網站被視為重要，系統會自動授予持續性儲存空間權限，否則會在背景中拒絕授予。

判斷網站是否重要時，系統會使用下列經驗法則：

網站參與度有多高？
是否已安裝或加入書籤？
網站是否已獲得顯示通知的權限？

如果要求遭到拒絕，您可以稍後再次提出要求，我們會使用相同的推論法進行評估。

Firefox

Firefox 會將權限要求委派給使用者。要求永久性儲存空間時，系統會透過 UI 彈出式視窗提示使用者，詢問他們是否允許網站在永久性儲存空間中儲存資料。

永久儲存空間可保護哪些儲存空間？

如果授予永久性儲存空間權限，瀏覽器就不會移除儲存在以下位置的資料：

Cache API
Cookie
DOM 儲存空間 (本機儲存空間)
File System API (瀏覽器提供的沙箱檔案系統)
IndexedDB
Service Worker
應用程式快取 (已淘汰，不應使用)
WebSQL (已淘汰，不應使用)

如何關閉永久儲存空間

目前沒有程式輔助方式可讓瀏覽器知道您不再需要永久儲存空間。

結論

Chrome 團隊的研究顯示，雖然 Chrome 有自動清除儲存資料的功能，但很少使用。為保護可能未儲存在雲端或會導致大量資料遺失的重要資料，您可以使用永久儲存功能，確保當本機裝置面臨儲存空間壓力時，瀏覽器不會移除您的資料。請記住，請務必在使用者最有可能需要時，才要求使用持久性儲存空間。

謝謝

特別感謝 Victor Costan 和 Joe Medley 審查本文。感謝 Chris Wilson 編寫本文的原始版本，該版本最初刊載於 WebFundamentals。

主頁橫幅圖片由 Umberto 提供，取自 Unsplash