在 JavaScript 中創建購物車時，是否有使用 Cookie 或會話存儲的替代方法？

Question

為了讓那些從瀏覽器中阻止 cookie 的人也可以訪問電子商務網站，在創建經典購物車以在用戶購物時將購物車數據存儲在其他地方時，是否有任何替代方法？

Answer 1

在現代瀏覽器上，可以使用 localstorage。 詳情請參考： https ://javascript.info/localstorage

Answer 2

現代瀏覽器提供 WebStorage API 用於在客戶端系統上本地存儲數據，容量至少為 5MB，並且與 cookie 不同，數據永遠不會傳輸到服務器。

WebStorage API 提供了兩個對象用於在客戶端存儲數據：

• window.localStorage - 存儲沒有過期日期的數據
• window.sessionStorage - 存儲一個會話的數據（關閉瀏覽器選項卡時數據會丟失）

https://www.w3schools.com/html/html5_webstorage.asp

https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API

現代瀏覽器還提供 IndexedDB API 以在客戶端系統上存儲大量結構化數據。 此 API 使用索引來啟用對這些數據的高性能搜索。 雖然 Web 存儲對於存儲少量數據很有用，但它對於存儲大量結構化數據的用處不大。

https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API

WebStorage API 以同步方式存儲和檢索數據，這意味着在存儲或檢索數據之前阻止網頁的主要威脅。 但是使用 IndexedDB 執行的操作是異步完成的，以免阻塞應用程序。