Воскресенье, 16.05.2021
Мафия Клуб: Закрытый клуб
Меню сайта
Категории раздела
Техника [175]
Информационные технологии
Мини-чат
500
Наш опрос
Оцените мой сайт
Всего ответов: 1
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2015 » Октябрь » 14 » Web Storage
20:18
Web Storage
Интернет-хранилище или 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.

У браузеров, поддерживающих Веб-хранилища, глобальные переменные 'sessionStorage' и 'localStorage' определены на уровне окна (window level). Перед использованием необходимо проверить, поддерживает ли браузер технологию.
function isLocalStorageAvailable() {
  try {
    return 'localStorage' in window && window['localStorage'] !== null;
  } catch (e) {
    return false;
  }
}

if (isLocalStorageAvailable()) {
  // есть поддержка localStorage
} else {
  // нет поддержки localStorage
}

Следующий код JavaScript может быть использован в этих браузерах, чтобы вызвать Веб-хранилища:

Следующий код может быть использован для получения всех значений, хранящихся в локальном хранилище для конкретного домена (просматриваемой веб-страницы). Этот код JavaScript может быть выполнен с использованием средств разработки, имеющихся в большинстве современных браузеров, таких как IE панель инструментов разработчика, Chrome Developer Tools, или Firebug расширение в Firefox:
var output = "LOCALSTORAGE DATA:\n------------------------------------\n";
if (localStorage) {
    if (localStorage.length) {
       for (var i = 0; i < localStorage.length; i++) {
           output += localStorage.key(i) + ': ' + localStorage.getItem(localStorage.key(i)) + '\n';
       }
    } else {
       output += 'There is no data stored for this domain.';
    }
} else {
    output += 'Your browser does not support local storage.';
}
alert(output);

Важно отметить, что с помощью API хранилища могут быть сохранены только строки (string). Попытка сохранить другой тип данных в большинстве браузеров приведёт к автоматической конвертации в строку. Однако, можно преобразовать объекты JavaScript в строку используя JSON.
// Store an object instead of a string
localStorage.setItem('key', {name: 'value'});
alert(typeof localStorage['key']); // string

// Store an integer instead of a string
localStorage.setItem('key', 1);
alert(typeof localStorage['key']); // string

// Store an object using JSON
localStorage.setItem('key', '{"name":"value"}');
alert(JSON.parse(localStorage.getItem('key')).name); // value
Категория: Техника | Просмотров: 403 | Добавил: Admin8804 | Теги: Web Storage | Рейтинг: 0.0/0
Всего комментариев: 0

Вход на сайт
Поиск
Календарь
«  Октябрь 2015  »
ПнВтСрЧтПтСбВс
   1234
567891011
12131415161718
19202122232425
262728293031
Архив записей
Copyright Mafiaclub.at.ua © 2021