Web Storage API: 本地儲存和會話儲存

Web Storage API 提供了一種在瀏覽器中儲存數據的方式。它定義了兩種非常重要的儲存機制:會話儲存和本地儲存,它們是 Web 平台上提供的一套儲存選項的一部分。 介紹 如何訪問儲存 方法 setItem(key, value) getItem(key) removeItem(key) key(n) clear() 儲存大小限制 桌面 移動設備 超過配額 開發者工具 Chrome Firefox Safari 介紹 Web Storage API 定義了兩種非常重要的儲存機制:會話儲存和本地儲存。 它們是 Web 平台上提供的一套儲存選項的一部分,包括: Cookies IndexedDB 緩存 API Application Cache 已被棄用,Web SQL 在 Firefox、Edge 和 IE 中沒有實現。 會話儲存和本地儲存提供了一個私有區域來存儲數據。您存儲的任何數據都無法被其他網站訪問。 會話儲存在頁面會話的期間保持存儲的數據。如果多個窗口或選項卡訪問同一個網站,它們會有兩個不同的會話儲存實例。 當一個選項卡/窗口關閉時,該選項卡/窗口的會話儲存將被清除。 會話儲存旨在允許在同一個網站上獨立處理不同的進程,這在 cookie 中是不可能的,因為它們在所有會話中共享。 相反,本地儲存會保存數據直到它被明確刪除,無論是您還是用戶刪除。它不會自動清理,並且在所有訪問網站的會話中共享。 本地儲存和會話儲存都是協議特定的:在使用 http 訪問頁面時存儲的數據在使用 https 服務頁面時不能訪問,反之亦然。 網絡儲存只能在瀏覽器中訪問,不像 cookie 那樣發送到服務器。 如何訪問儲存 本地和會話儲存都可以在 window 對象上使用 sessionStorage 和 localStorage 進行訪問。 它們的屬性和方法集完全相同,因為它們返回的是同一個對象,即 Storage 對象。...