Web Storage概述

以前在本地儲存一些簡單的資料（比如使用者名稱或者密碼等）大多使用cookie。

cookie能夠儲存資料的太少，只有4K左右，難以滿足當前的需求，所以HTML5推出Web Storage。

Web Storage有更大的本地儲存，大約在4M左右（不同瀏覽器有所不同），與cookie的4K比已經是天文數字。

同時每一次頁面請求，cookie都會被髮送到伺服器，這也算是浪費了一點頻寬（不過現在的網路基本可以忽略這一點）。當然，我們不能認為cookie馬上就要替代，cookie是與伺服器進行互動，作為HTTP規範的一部分而存在，Web Storage是用來進行本地儲存的。

Web Storage分類:

（1）.localStorage。

（2）.sessionStorage。

遵循同源策略:

在網頁下存入資料，只有同域下的頁面才能讀取。

瀏覽器支援:

（1）.IE9+瀏覽器支援此方法。

（2）.edge瀏覽器支援此方法。

（3）.谷歌瀏覽器支援此方法。

（4）.火狐瀏覽器支援此方法。

（5）.opera瀏覽器支援此方法。

（6）.safria瀏覽器支援此方法。

簡單檢測方法:

[JavaScript] 純文字檢視 複製程式碼
function checkStorageSupport() {
  // 檢測sessionStorage
  if (window.sessionStorage) {
    return true;
  } else {
    return false;
  }
   
  // 檢測localStorage
  if (window.localStorage) {
    return true;
  } else {
    return false;
  }
}