0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>Начинающие разработчики часто заглядывают в справочники, чтобы найти разницу между локальным (Local Storage) и сессионным хранилищем (Session Storage) и cookie. Эта короткая статья поможет вам разобраться с вопросом.</p>
1
<p>Начинающие разработчики часто заглядывают в справочники, чтобы найти разницу между локальным (Local Storage) и сессионным хранилищем (Session Storage) и cookie. Эта короткая статья поможет вам разобраться с вопросом.</p>
2
<h2>Содержание</h2>
2
<h2>Содержание</h2>
3
<ul><li><a>Local Storage (локальное хранилище)</a></li>
3
<ul><li><a>Local Storage (локальное хранилище)</a></li>
4
<li><a>Session Storage (сессионное хранилище)</a></li>
4
<li><a>Session Storage (сессионное хранилище)</a></li>
5
<li><a>Cookie</a></li>
5
<li><a>Cookie</a></li>
6
</ul><h2>Local Storage (локальное хранилище)</h2>
6
</ul><h2>Local Storage (локальное хранилище)</h2>
7
<ul><li>Хранит данные бессрочно.</li>
7
<ul><li>Хранит данные бессрочно.</li>
8
<li>Очищается только с помощью JavaScript или очистки кэша браузера.</li>
8
<li>Очищается только с помощью JavaScript или очистки кэша браузера.</li>
9
<li>Хранит данные объёмом до 5 МБ, это самый большой объём из трёх вариантов хранилища.</li>
9
<li>Хранит данные объёмом до 5 МБ, это самый большой объём из трёх вариантов хранилища.</li>
10
<li>Не поддерживается старыми браузерами, например, IE 7 и ниже.</li>
10
<li>Не поддерживается старыми браузерами, например, IE 7 и ниже.</li>
11
<li>Работает по правилу ограничения домена (same origin policy). То есть сохранённые данные доступны только для одного источника.</li>
11
<li>Работает по правилу ограничения домена (same origin policy). То есть сохранённые данные доступны только для одного источника.</li>
12
</ul><h2>Session Storage (сессионное хранилище)</h2>
12
</ul><h2>Session Storage (сессионное хранилище)</h2>
13
<ul><li>Хранит данные, пока продолжается текущая сессия. Когда пользователь закрывает браузер, данные становятся недоступными.</li>
13
<ul><li>Хранит данные, пока продолжается текущая сессия. Когда пользователь закрывает браузер, данные становятся недоступными.</li>
14
<li>Используется контекст браузера верхнего уровня, поэтому каждая вкладка браузера хранит уникальные данные.</li>
14
<li>Используется контекст браузера верхнего уровня, поэтому каждая вкладка браузера хранит уникальные данные.</li>
15
<li>Объём данных больше чем в Cookie.</li>
15
<li>Объём данных больше чем в Cookie.</li>
16
<li>Не поддерживается старыми браузерами, например, IE 7 и ниже.</li>
16
<li>Не поддерживается старыми браузерами, например, IE 7 и ниже.</li>
17
</ul><h2>Cookie</h2>
17
</ul><h2>Cookie</h2>
18
<ul><li>Хранит данные, которые можно передавать на сервер через заголовки.</li>
18
<ul><li>Хранит данные, которые можно передавать на сервер через заголовки.</li>
19
<li>Локальное и сессионное хранилище доступны только на клиентской стороне.</li>
19
<li>Локальное и сессионное хранилище доступны только на клиентской стороне.</li>
20
<li>Срок хранения устанавливается при создании cookie.</li>
20
<li>Срок хранения устанавливается при создании cookie.</li>
21
<li>Объём данных не превышает 4 Кбайт.</li>
21
<li>Объём данных не превышает 4 Кбайт.</li>
22
<li>Cookie могут быть защищёнными, в этом случае их содержимое нельзя получить на стороне клиента. Это важно для аутентификации при хранении пользовательских токенов.</li>
22
<li>Cookie могут быть защищёнными, в этом случае их содержимое нельзя получить на стороне клиента. Это важно для аутентификации при хранении пользовательских токенов.</li>
23
</ul><p><em>Адаптированный перевод статьи<a>Local Storage vs Session Storage vs Cookie Storage</a>by Paulund.</em></p>
23
</ul><p><em>Адаптированный перевод статьи<a>Local Storage vs Session Storage vs Cookie Storage</a>by Paulund.</em></p>