Различные типы хранилищ браузера

Question

Из этого слайд-шоу http://slides.html5rocks.com/#slide8 и из Chrome: View> Developer> Инструменты разработчика> вкладка Storage,

Я узнал, что существует как минимум 4 типа хранилища в браузере: Базы данных, локальное хранилище, хранилище сессий, файлы cookie (есть еще?)

В чем различия? Когда я должен использовать один поверх другого?

Например, если сайт хочет сохранить пользовательские настройки, какой метод хранения должен указывать сайту браузер?

Answer 1

Все они являются хранилищем на стороне браузера, чтобы обеспечить механизмы автономного / кэширования для веб-приложений / сайтов:

• локальное хранилище : простое хранилище значения ключа, данные всегдахранится в виде строк.Одни и те же данные доступны для всех страниц домена и остаются постоянными даже после закрытия браузера.
• хранилище сеансов : то же самое, но локально для одного URL и для одного сеанса браузера (удалено в браузере (закрыто)

Возможно, вы также скоро услышите о IndexedDB (теперь поддерживается в IE 10, FF и Chrome), который является своего рода local / sessionStorage, нокоторый вы можете использовать для хранения объектов javascripts, а не только строк.

Answer 2

Вы спрашиваете о веб-хранилище, которое по сути является веб-хранилищем HTML.Локальное хранилище - используется в качестве энергозависимого хранилища (не имеет срока действия). Сеансное хранилище - Пока сеанс не используется или не открыта вкладка IndexedDb - После использования вы должны вручную очистить его (история или переход в хранилище). WebSQL - Старый, но все ещеиспользовал те же самые SQL-запросы - сейчас это не является частью спецификации HTML5.Файлы cookie - это наиболее распространенные способы сохранения небольших данных. Они используются всеми веб-сайтами, и в настоящее время каждый веб-сайт, использующий его, должен запрашивать разрешения пользователей.Это GDPR Кстати!