さまざまな種類のブラウザストレージ
-
27-09-2019 - |
質問
このスライドショーから http://slides.html5rocks.com/#slide8Chromeから:表示>開発者>開発者ツール> [ストレージ]タブ、
少なくとも4種類のブラウザストレージがあることを学びました:データベース、ローカルストレージ、セッションストレージ、Cookie(もっとありますか?)
違いは何ですか?一方を他方よりも使用する必要がありますか?
たとえば、サイトがユーザーの設定を保存したい場合、どのストレージ方法がブラウザに使用するように指示する必要がありますか?
解決
それらはすべて、Webアプリ/サイトにオフライン/キャッシュメカニズムを提供するためのブラウザ側のストレージです。
- ローカルストレージ :単純なキー価値ストレージ、データは常に文字列として保存されます。ドメインのすべてのページに同じデータがアクセスでき、ブラウザを閉じた後でも持続性があります。
- セッションストレージ :同じですが、1つのURLと1つのブラウザセッションに対してローカルです(ブラウザが閉じられて削除されます)。
- SQLデータベース (別名WebQL):SQLリクエストでアクセスできるローカルDBのストレージ... IEとFirefoxが実装しないと述べているため、すでに非推奨に見えます。
たぶんあなたもすぐに聞くでしょう indexeddb (現在、IE 10、FF、およびChromeでサポートされています)。これは一種のローカル/sessionStorageですが、文字列のみではなくJavaScriptsオブジェクトを保存するために使用できます。
他のヒント
あなたが尋ねているのは、基本的にHTML WebストレージであるWebストレージに関するものです。ローカルストレージ - 揮発性ストレージ(有効期限がない)セッションストレージとして使用される - セッションが使用されるか、タブが開いているかどうか - 使用すると、手動でそれをクリアする必要があります(履歴またはストレージに進む)webql-古いがまだ同じSQLクエリを使用しました - 現在、HTML5仕様の一部ではありません。 Cookie-データを少量保存するのが最も一般的であり、すべてのWebサイトで使用されており、最近ではすべてのWebサイトを使用しているすべてのWebサイトがユーザーの許可を求める必要があります。それはGDPRところです!