Web Storage

HTML

HTML и HTML5 Динамический HTML XHTML XHTML Mobile Profile и CHTML Document Object Model Семейство шрифтов Кодировки символов Мнемоники в HTML Редактор HTML Элементы HTML Семантическая вёрстка Карта изображений Цвета HTML Формы HTML Фреймы HTML HTML5 audio и HTML5 video Canvas Скрипты в HTML Unicode и HTML Браузерный движок Quirks mode Каскадные таблицы стилей W3C и WHATWG Web Storage WebGL Сравнение языков разметки документов браузеров браузерных движков для HTML HTML5 HTML5 Canvas HTML5 Media XHTML (1.1)

Интернет-хранилище или DOM-хранилище (Document Object Model) — это программные методы и протоколы веб-приложения, используемые для хранения данных в веб-браузере. Интернет-хранилище представляет собой постоянное хранилище данных, похожее на куки, но со значительно расширенной ёмкостью и без хранения информации в заголовке запроса HTTP. Существуют два основных типа веб-хранилища: локальное хранилище (localStorage) и сессионное хранилище (sessionStorage), ведущие себя аналогично постоянным и сессионным кукам соответственно.

В настоящее время стандарты Интернет-хранилища разработаны и предложены WWW Консорциумом (W3C). Первоначально стандарты были частью спецификации HTML 5, но сейчас являются отдельной спецификацией. Интернет-хранилище поддерживается Internet Explorer 8 и выше, Mozilla-браузерами (например, Firefox 2+, официально от 3,5), Safari 4 и выше, Google Chrome 4 (поддержка sessionStorage добавлена от 5) и Opera начиная с версии 10.50.

Особенности

Интернет-хранилище упрощенно можно рассматривать как усовершенствование куки. Тем не менее, оно отличается от куки в некоторых ключевых направлениях.

Размер хранилища

Интернет-хранилище поддерживает гораздо больше места на диске в сравнении с кукой, которому доступно всего 4 Кбайта, что примерно в 1000 раз меньше чем у веб-хранилища (5 Мбайт на домен в Mozilla Firefox, Google Chrome, и Opera, и в Internet Explorer 10 Мбайт).

Интерфейс на стороне клиента

В отличие от Куки, которые могут быть доступны как на сервере, так и на стороне клиента, веб-хранилище попадает исключительно под компетенцию сценариев (скриптов) на стороне клиента. Данные интернет-хранилища не передаются на сервер при каждом запросе HTTP, и веб-сервер не может напрямую записать в интернет-хранилище.

Локальное хранилище и Сессионное хранилище

Интернет-хранилище предлагает две различных области: Локальное хранилище и Сессионное хранилище, которые отличаются по своим масштабам и времени жизни. Данные размещаются в отдельное для каждого домена локальное хранилище (оно доступно для всех скриптов из домена, который первоначально добавил данные) и сохраняются после закрытия браузера. Сессия сохраняется по принципу одна страница-одно окно и ограничивается жизнью данного окна, то есть для каждого открытого окна создается новая сессия, которая прекращает своё существование при закрытии окна и не зависит от домена открывшего её. Сохранение сессии предназначено для предоставления отдельных экземпляров одного и того же веб-приложения для работы в разных окнах, не мешая друг другу. В случае с Куки подобное становится крайне затруднительно или даже невозможно.

Интерфейс и модель данных

Интернет-хранилище в настоящее время предоставляет программный интерфейс лучше, чем Куки. Интерфейс представляет собой ассоциативный массив модели данных, где ключи и значения являются строками. Дополнительный API для доступа к структурированным данным на основе SQL находится на рассмотрении рабочей группы W3C.

Подобные технологии

• HTTP cookie
• Indexed Database API (прежде WebSimpleDB)
• Web SQL База Данных
• Общие локальные объекты в Adobe Flash
• userData Behavior в Internet Explorer
• Google Gears

Ссылки

• [www.w3.org/TR/webstorage/ W3C: Web Storage](eng.)
• [developer.mozilla.org/En/DOM:Storage Mozilla Developer Center: DOM Storage](eng.)
• [msdn.microsoft.com/ru-ru/library/cc197062(v=VS.85).aspx Знакомство с хранилищем DOM]
• [htmlbook.ru/html5/storage Локальное хранилище] (Марк Пилгрим)
• [habrahabr.ru/post/117123/ «Переезжаем» в офлайн] (статья на Хабрахабре)
• [www.linkexchanger.su/2011/729.html Что такое Web Storage?]
• [urvanov.ru/2015/07/13/html5-localstorage-в-javascript/ Краткое описание и примеры использования]

Отрывок, характеризующий Web Storage

«Да, да, я люблю его!» думала Наташа, перечитывая в двадцатый раз письмо и отыскивая какой то особенный глубокий смысл в каждом его слове.
В этот вечер Марья Дмитриевна ехала к Архаровым и предложила барышням ехать с нею. Наташа под предлогом головной боли осталась дома.


Вернувшись поздно вечером, Соня вошла в комнату Наташи и, к удивлению своему, нашла ее не раздетою, спящею на диване. На столе подле нее лежало открытое письмо Анатоля. Соня взяла письмо и стала читать его.
Она читала и взглядывала на спящую Наташу, на лице ее отыскивая объяснения того, что она читала, и не находила его. Лицо было тихое, кроткое и счастливое. Схватившись за грудь, чтобы не задохнуться, Соня, бледная и дрожащая от страха и волнения, села на кресло и залилась слезами.
«Как я не видала ничего? Как могло это зайти так далеко? Неужели она разлюбила князя Андрея? И как могла она допустить до этого Курагина? Он обманщик и злодей, это ясно. Что будет с Nicolas, с милым, благородным Nicolas, когда он узнает про это? Так вот что значило ее взволнованное, решительное и неестественное лицо третьего дня, и вчера, и нынче, думала Соня; но не может быть, чтобы она любила его! Вероятно, не зная от кого, она распечатала это письмо. Вероятно, она оскорблена. Она не может этого сделать!»
Соня утерла слезы и подошла к Наташе, опять вглядываясь в ее лицо.
– Наташа! – сказала она чуть слышно.
Наташа проснулась и увидала Соню.
– А, вернулась?
И с решительностью и нежностью, которая бывает в минуты пробуждения, она обняла подругу, но заметив смущение на лице Сони, лицо Наташи выразило смущение и подозрительность.
– Соня, ты прочла письмо? – сказала она.
– Да, – тихо сказала Соня.
Наташа восторженно улыбнулась.
– Нет, Соня, я не могу больше! – сказала она. – Я не могу больше скрывать от тебя. Ты знаешь, мы любим друг друга!… Соня, голубчик, он пишет… Соня…
Соня, как бы не веря своим ушам, смотрела во все глаза на Наташу.
– А Болконский? – сказала она.
– Ах, Соня, ах коли бы ты могла знать, как я счастлива! – сказала Наташа. – Ты не знаешь, что такое любовь…
– Но, Наташа, неужели то всё кончено?
Наташа большими, открытыми глазами смотрела на Соню, как будто не понимая ее вопроса.
– Что ж, ты отказываешь князю Андрею? – сказала Соня.
– Ах, ты ничего не понимаешь, ты не говори глупости, ты слушай, – с мгновенной досадой сказала Наташа.
– Нет, я не могу этому верить, – повторила Соня. – Я не понимаю. Как же ты год целый любила одного человека и вдруг… Ведь ты только три раза видела его. Наташа, я тебе не верю, ты шалишь. В три дня забыть всё и так…
– Три дня, – сказала Наташа. – Мне кажется, я сто лет люблю его. Мне кажется, что я никого никогда не любила прежде его. Ты этого не можешь понять. Соня, постой, садись тут. – Наташа обняла и поцеловала ее.
– Мне говорили, что это бывает и ты верно слышала, но я теперь только испытала эту любовь. Это не то, что прежде. Как только я увидала его, я почувствовала, что он мой властелин, и я раба его, и что я не могу не любить его. Да, раба! Что он мне велит, то я и сделаю. Ты не понимаешь этого. Что ж мне делать? Что ж мне делать, Соня? – говорила Наташа с счастливым и испуганным лицом.
– Но ты подумай, что ты делаешь, – говорила Соня, – я не могу этого так оставить. Эти тайные письма… Как ты могла его допустить до этого? – говорила она с ужасом и с отвращением, которое она с трудом скрывала.
– Я тебе говорила, – отвечала Наташа, – что у меня нет воли, как ты не понимаешь этого: я его люблю!
– Так я не допущу до этого, я расскажу, – с прорвавшимися слезами вскрикнула Соня.
– Что ты, ради Бога… Ежели ты расскажешь, ты мой враг, – заговорила Наташа. – Ты хочешь моего несчастия, ты хочешь, чтоб нас разлучили…
Увидав этот страх Наташи, Соня заплакала слезами стыда и жалости за свою подругу.