Защита и браузерное хранение

Что такое localStorage в JavaScript?

WiseLab · Обновлено

localStorage — хранилище строк в браузере, доступное JavaScript для конкретного origin: сочетания протокола, домена и порта. Данные обычно сохраняются после закрытия браузера. В отличие от cookies, они не прикладываются автоматически к HTTP-запросам.

Пример небольшой настройки

Чтобы сохранить тему интерфейса, приложение может вызвать localStorage.setItem("theme", "night"), а при следующем открытии прочитать localStorage.getItem("theme"). Объекты предварительно сериализуют, например через JSON. Запись может завершиться ошибкой из-за ограничений браузера или заполненного хранилища.

Как применить

  1. Храните здесь небольшие несекретные предпочтения, для которых потеря допустима.
  2. Обрабатывайте ошибку записи и отсутствие значения.
  3. Проверьте поведение после очистки данных сайта.

localStorage доступен исполняемому коду того же origin. Не считайте его защищённым сейфом для секретов.

Открыть инструмент по теме

Источники

Подготовлено с помощью ИИ по указанным источникам. Примеры с условными данными используются для объяснения и не описывают результаты клиентов.