Преимущество SessionStorage перед Cookie

Question

Q1-> В чем преимущество SessionStorage / LocalStorage перед Cookie?

Q2-> Значение, сохраненное сайтом xyz, может быть просмотрено или отредактировано любым другим сайтом или пользователем?

Answer 1

1) Хранилище сеансов и локальное хранилище обеспечивают большую емкость (в настоящее время 5 МБ для большинства браузеров) и не отправляются обратно на сервер для каждого HTTP-запроса (HTML, изображения, JavaScript, CSS и т. Д.) - сокращается объемтрафика между клиентом и сервером (экономя вам $ дош).

2) Локальное хранилище / хранилище сессий ограничено настройкой домена / получением значений, поэтому если вы используете localStorage.set('key', 'val') на www.domain1.com, вы не можете получить доступ к этим данным, используя localStorage.get('key') на www.domain2.com.Имейте в виду, что ограничение также распространяется на домены и субдомены - то есть вы не можете получить доступ к локальному / сессионному хранилищу www.domain1.com из sub.domain1.com.

Обновление из @ josh3736:однако пользователи имеют полный доступ к необработанному локальному и сеансовому хранилищу.В настоящее время пользователи могут разблокировать все уровни в веб-версии Angry Birds: http://wesbos.com/all-levels-html5-angry-birds/ - чтобы повторить Джошу, никогда не доверяйте данным на уровне клиента.

Подробнее здесь: http://diveinto.html5doctor.com/storage.html

Answer 2

Еще одно преимущество использования Session Storage - его производительность в использовании.Особенно для больших данных (100 КБ и т. Д.).Простые куки должны быть частью каждого запроса к серверу.Таким образом, вы не получите эти сохраненные данные на сервер простыми средствами, но я могу освободиться с этим.