localStorage против sessionStorage против cookies

Я работаю в приложении, где мне нужно сохранить некоторые данные во время входа пользователя в систему, и у меня есть этот вопрос, в чем разница между localStorage, sessionStorage, печенье ???

Я спрашивал, что я могу использовать для сохранения некоторых данных в DOM, даже если пользователь обновляет страницу, некоторые люди говорят: используйте sessionStorage или localStorage, тогда кто-то придумал идею использования ngCookies потому что он работает в каждом браузере, но, который я должен использовать ?

5 ответов


localStorage и sessionStorage Как так называемые WebStorages и особенности HTML5.

localStorage сохраняет информацию до тех пор, пока пользователь не удаляет их.

sessionStorage сохраняет информацию, пока идет сеанс. Обычно до тех пор, пока пользователь не закроет вкладку/браузер.

печенье - это просто cookies, которые поддерживаются старыми браузерами и обычно это резерв для фреймворков, которые используют вышеупомянутые WebStorages.

напротив, cookies могут хранить гораздо меньше информации, чем WebStorages, и информация в WebStorages никогда не передается на сервер.

имейте в виду, что ЕС имеет правила, которые требуют, чтобы веб-сайты информировали своих пользователей об использовании куки. Я не знаю, относится ли это также к WebStorages


объект sessionStorage: Объект sessionStorage хранит данные только для сеанса, то есть данные хранятся до закрытия браузера (или вкладки). он недоступен при локальном запуске файла.

данные, хранящиеся в объекте sessionStorage, доступны только со страницы, на которой изначально хранились данные; поэтому это не соответствует вашему требованию

объект localStorage: Данные, сохраненные с помощью объекта localStorage, сохраняются пока он не будет специально удален с помощью JavaScript или пользователь не очистит кэш браузера.

данные, хранящиеся в объекте localStorage, доступны только из домена, в котором изначально хранились данные.

для вашего случая, я думаю, вы делаете рассмотреть вопрос об использовании cookie или сессии, pls. печенье, обратите внимание, есть ограничение на размер 4К на сервер.


дополнение к другим ответы, WebStorages не поддомен доступа и/или родительском домене.


хранилище localStorage : 1. Ограничение данных : 5 Мб 2. Данные, отправленные для каждого http-запроса: нет

sessionStorage : 1. Ограничение данных : 5 Мб 2. Данные, отправленные для каждого http-запроса: нет 3. Данные будут очищены после закрытия окна или вкладки

Я бы сказал, используйте localstorage/sessionStorage, если данные не чувствительны, используйте cookies


Cookies-это просто данные 4kbs и время истечения срока действия.

localStorage являются постоянными cookies содержит 4 МБ данных он будет удалять, когда пользователь очищает кэш