HTML5 - LocalStorage (Локальное хранилище)


В HTML5 появилась достойная замена для COOKIES - LocalStorage (локальное хранилище).

Из основных преимуществ localStorage - размер хранилища.

  • COOKIES - Максимум вмещают 4КБ информации.
  • LocalStorage - от 5 до 10МБ (зависит от браузера).

Локальное хранилище поддерживается следующими браузерами:

  • IE 8.0+
  • Firefox 3.5+
  • Safari 4.0+
  • Chrome 4.0+
  • Opera 10.5+
  • iPhone 2.0+
  • Android 2.0+

Считывания из LocalStorage можно делать как-то так:

//	*****	Считываем из хранилища	*****
// Проверяем, поддерживается-ли локальное хранилище
if (window["localStorage"]) {
    for (var i = 0; i < localStorage.length; i++) {
        var key = localStorage.key(i);
		var val = localStorage[key];
		alert(key+' = '+val);
    }
}

А для записи в локальное хранилище можно использовать следующую конструкцию:

//	*****	Записываем в хранилище	*****
// Проверяем, поддерживается-ли локальное хранилище
if (window["localStorage"]) {
	
	var key = 'my-key';
	var val = 'my-value';
	
	// Запись производим через TRY т.к. если хранилище переполнено
	// его придется отчистить...
	try {
		// Записываем значение my-value под именем my-key
		localStorage.setItem(key, val);
	} catch (e) {
		// Если в ошибке пристствует строка QUOTA_EXCEEDED_ERR
		if (e.toString().indexOf("QUOTA_EXCEEDED_ERR") != -1) {
			// То хранилище переполнено. Его нужно отчистить...
			alert('Хранилище переполнено. Отчищаю его.');
			localStorage.clear();
		}
	}
}

 

 


Тэги:

Комментарии: 0

Прокомментировать »

 
 
 

Прокомментировать

 
 
Сообщение *
 
Проверочный код *
 
 
 
Яндекс.Метрика