localStorage и sessionStorage — это веб-хранилища, доступные через DOM, тогда как cookies — это небольшие текстовые файлы, отправляемые с HTTP-запросами.
Основные различия:
| Свойство | cookies | localStorage | sessionStorage |
|---|---|---|---|
| Размер хранилища | До 4 КБ | До 5-10 МБ (зависит от браузера) | До 5-10 МБ (зависит от браузера) |
| Отправка на сервер | С каждым HTTP-запросом | Нет | Нет |
| Срок жизни | Устанавливается вручную (может быть бессрочным) | Сохраняется до очистки кэша браузера | Сохраняется до закрытия вкладки/браузера |
| Доступ | Клиент и сервер | Только клиент | Только клиент |
Использование:
Примеры API:
javascript