2010-10-03 114 views
4

的從這個幻燈片http://slides.html5rocks.com/#slide8 和Chrome瀏覽器:查看>開發者>開發工具>存儲選項卡,不同類型的瀏覽器存儲

我瞭解到,至少有4種瀏覽器的存儲: 數據庫,本地存儲, Session Storage,Cookies (還有更多嗎?)

有什麼區別?我應該什麼時候使用一個?

例如,如果某個網站想要存儲用戶偏好,該網站應該告訴瀏覽器使用哪種存儲方式?

謝謝!

馬特

回答

4

他們都是瀏覽器端存儲提供離線/緩存機制,Web應用程序/網站:

  • 本地存儲:簡單的鍵 - 值存儲,數據始終存儲作爲字符串。域的所有頁面都可以訪問相同的數據,並且即使在關閉瀏覽器後仍然保持不變。
  • 會話存儲:相同,但是對一個URL和一個瀏覽器會話是本地的(在瀏覽器關閉時刪除)。
  • SQL數據庫(又名WebSQL):存儲在本地數據庫中,您可以通過SQL請求訪問......似乎已經廢棄,因爲IE和Firefox已聲明它們不會實現它。

也許你也會聽到關於儘快IndexedDB的(現在支持IE 10,FF和Chrome),這是一種本地/ sessionStorage的,但你可以用它來存儲,而不是JavaScript的對象只串。