さまざまな種類のブラウザストレージ

Question

このスライドショーから http://slides.html5rocks.com/#slide8Chromeから：表示>開発者>開発者ツール> [ストレージ]タブ、

少なくとも4種類のブラウザストレージがあることを学びました：データベース、ローカルストレージ、セッションストレージ、Cookie（もっとありますか？）

違いは何ですか？一方を他方よりも使用する必要がありますか？

たとえば、サイトがユーザーの設定を保存したい場合、どのストレージ方法がブラウザに使用するように指示する必要がありますか？

Answer 1

それらはすべて、Webアプリ/サイトにオフライン/キャッシュメカニズムを提供するためのブラウザ側のストレージです。

• ローカルストレージ ：単純なキー価値ストレージ、データは常に文字列として保存されます。ドメインのすべてのページに同じデータがアクセスでき、ブラウザを閉じた後でも持続性があります。
• セッションストレージ ：同じですが、1つのURLと1つのブラウザセッションに対してローカルです（ブラウザが閉じられて削除されます）。
• SQLデータベース （別名WebQL）：SQLリクエストでアクセスできるローカルDBのストレージ... IEとFirefoxが実装しないと述べているため、すでに非推奨に見えます。

たぶんあなたもすぐに聞くでしょう indexeddb （現在、IE 10、FF、およびChromeでサポートされています）。これは一種のローカル/sessionStorageですが、文字列のみではなくJavaScriptsオブジェクトを保存するために使用できます。

Answer 2

あなたが尋ねているのは、基本的にHTML WebストレージであるWebストレージに関するものです。ローカルストレージ - 揮発性ストレージ（有効期限がない）セッションストレージとして使用される - セッションが使用されるか、タブが開いているかどうか - 使用すると、手動でそれをクリアする必要があります（履歴またはストレージに進む）webql-古いがまだ同じSQLクエリを使用しました - 現在、HTML5仕様の一部ではありません。 Cookie-データを少量保存するのが最も一般的であり、すべてのWebサイトで使用されており、最近ではすべてのWebサイトを使用しているすべてのWebサイトがユーザーの許可を求める必要があります。それはGDPRところです！