前端資料儲存：cookie vs Local storage vs Session storage

發表於 分類於 ， Disqus：
cookie, Local storage, Session storage 比較
  • 限制 4k 以下
  • 不同的 doman 會有不同的 cookie，一個 doman 只能儲存 20 個 cookie
  • 主要功能：廣告追蹤、身份驗證、購物車

storage

HTML5 提供了 storage，可以在 Client(browser) 端儲存資料
分別為 Local Storage 跟 Session Storage
差異如下：

  • Local Storage：能跨分頁的儲存資料。關閉頁面，資料不會消失
  • Session Storage：不能跨分頁的儲存資料。關閉頁面，資料會消失
  • 容量只有 5mb
  • 要注意的是只能儲存「字串」，像 Array 或 object 就再搭配JSON.stringfy()、JSON.parse() 轉換資料型態

參考資料

網頁資料儲存 — cookie、local Storage、Session Storage