簡介

HTML5中的web Storage包括了兩種儲存方式： localStorage和sessionStorage。localStorage用於 儲存一個域名下的需要永久存在在本地的資料，這些資料可以被一直訪問，直到這些資料被刪除。sessionStorage用於本地儲存一個會話中的資料，這些資料只會在同一個會話中的頁面才，會話結束後資料也隨之銷燬。因此sessionStorage和localStorage的主要區別在於他們儲存資料的宣告週期，localStroage儲存的資料的生命週期是永久，知道被主動刪除，否則資料永遠不會過期。而sessionSTroage儲存的資料的宣告週期是一個會話。

Web Storage 和 Cookie的異同點及優劣勢

Web Storage和Cookie相同之處：

         它們都可以用於儲存資料

         它們儲存資料的格式都是字串形式

         它們儲存的資料都有大小限制

Web Storage和Cookie不同之處：

        它們的生命週期不同。sessionStorage的生命週期是一個會話，localStorage的生命週期是永久，cookie的生命週期可以自定義，cookie可以設定過期時間，資料在過期時間之前均可訪問。

        它們的儲存大小限制不同。大部分現代瀏覽器Storage的儲存限制大小為5M，cookie的儲存大小限制為4K。

         瀏覽器支援不同，API呼叫方式不同。

相比cookie來說，Web Storage的優點主要表現在儲存空間更大，可儲存的內容更大。cookie每次都隨請求資料傳送到伺服器端，Web Storage不會和請求資料一同傳送到伺服器端，佔用頻寬更少。缺點主要表現在，現在所有瀏覽器都支援cookie操作，而只有現代瀏覽器才支援Web Storage操作，如果需要相容舊瀏覽器，就不能使用Web Storage。

如何在一個瀏覽器同時登入多個不同的賬號

基於以上解釋，一個瀏覽器想要登入一個產品的不同賬號，需要在一個瀏覽器中儲存互不干擾的不同的storage資料。所以，sessionStorage只會在同一個會話頁面中儲存資料可以實現。