Максимальный размер данных в LocalStorage для браузеров

LocalStorage обычно ограничен примерно 5 МБ на один домен в современных браузерах. Это ограничение может немного варьироваться в зависимости от браузера и платформы.

Краткий ответ

В большинстве современных браузеров LocalStorage предоставляет около 5 мегабайт пространства для хранения данных на каждом домене. Это ограничение помогает избежать чрезмерного использования дискового пространства.

---

Как это работает

LocalStorage — это один из способов веб-приложения сохранять данные на стороне клиента с помощью ключ-значение. Объем данных ограничен примерно 5 МБ, что эквивалентно 5 000 000 байтам, но конкретный лимит зависит от браузера и операционной системы.

Например, Chrome, Firefox, Edge и Safari придерживаются этого лимита, однако в некоторых мобильных браузерах или в приватном режиме ограничение может быть жёстче.

Браузер	Максимальный размер LocalStorage
Chrome	~5 МБ
Firefox	~5 МБ
Safari	~5 МБ
Edge	~5 МБ

При превышении лимита записи в LocalStorage будут генерировать ошибку QuotaExceededError.

Пример

// Проверка размера данных перед записью
const data = 'x'.repeat(5 * 1024 * 1024); // 5 МБ строки
try {
  localStorage.setItem('bigData', data);
  console.log('Данные успешно сохранены');
} catch (e) {
  if (e.name === 'QuotaExceededError') {
    console.error('Превышен лимит LocalStorage');
  }
}

Этот пример демонстрирует попытку записи данных размером 5 МБ в LocalStorage и обработку возможного исключения при переполнении.

Что важно знать на собеседовании

• Максимальный размер LocalStorage примерно 5 МБ на домен.
• Лимит зависит от браузера и может отличаться в мобильных и десктопных версиях.
• Записи, превышающие лимит, вызывают QuotaExceededError.
• LocalStorage работает синхронно и не подходит для хранения больших объемов данных.
• В приватном режиме или режиме инкогнито доступ к LocalStorage может быть ограничен или отключён.

---

Тема: Web-тестирование и DevTools | Уровень: middle