Browser Persistence Bynet
Download as PPT, PDF0 likes254 views
Доклад Ильи Кантора на конференции Байнет 2.2 об обсуждении технологий хранения данных в браузерах, таких как cookies, Google Gears и HTML5 Storage. Основное внимание уделено различиям в подходах к поведению и безопасности разных методов хранения на стороне клиента. Приведены примеры кода и ограничения по размеру и доступности данных в зависимости от используемых технологий.
![Пример storage = globalStorage[document.domain] storage [' userName '] = 'Vasya ‘ alert( storage [ 'userName ']) delete storage [ 'userName '] for(var name in storage ) … . storage [name]… Размер : 5 MB Безопасность : Same Origin](https://image.slidesharecdn.com/browserpersistencebynet-1222019707067823-9/85/Browser-Persistence-Bynet-6-320.jpg)
![Пример storage = document.getElementById('storageElement') storage.addBehavior ("#default#userData") storage.load ("namespace") storage.setAttribute (key, value) var attrs = storage.XMLDocument.documentElement.attributes for(var i=0; i<attrs.length; i++) … attrs[i].name … attrs[i].value Размер : 128K страница / 1M домен зависит от зоны Безопасность : path + domain + protocol](https://image.slidesharecdn.com/browserpersistencebynet-1222019707067823-9/85/Browser-Persistence-Bynet-8-320.jpg)
![Пример db .transaction(function(tx) { tx.executeSql(" SELECT value FROM test WHERE key=? ", [key], function(tx,result) { alert(" Количество: "+ result.rows.length) alert(" Поле value первого результата: "+ result.rows.item(0).value) }, function(tx, error) { alert("Error!") } ) }) Размер : 5 MB Безопасность : Домен](https://image.slidesharecdn.com/browserpersistencebynet-1222019707067823-9/85/Browser-Persistence-Bynet-10-320.jpg)
Browser Persistence Bynet
- 1. Browser Persistence Илья Кантор javascript.ru
- 2. Этот доклад прочитан на конференции Байнет 2.2 Beta 11-12 сентября 2008 года, Минск Официальный сайт www.bynet2.org
- 3. Persistence? В браузере?! Cookie маленькие объекты каждый запрос – летят на сервер Идеально для сессий Persistense большие объекты никуда не передаются Offline- работа Интерфейсы состояние на клиенте
- 4. Средства Google Gears РСУБД на клиенте плагин к браузеру
- 5. Средства WhatWG / HTML 5 storage без плагинов ключ-значение база данных Safari
- 6. Пример storage = globalStorage[document.domain] storage [' userName '] = 'Vasya ‘ alert( storage [ 'userName ']) delete storage [ 'userName '] for(var name in storage ) … . storage [name]… Размер : 5 MB Безопасность : Same Origin
- 7. Средства без ActiveX IE-only можно поставить Expires userData behavior 5.0+
- 8. Пример storage = document.getElementById('storageElement') storage.addBehavior ("#default#userData") storage.load ("namespace") storage.setAttribute (key, value) var attrs = storage.XMLDocument.documentElement.attributes for(var i=0; i<attrs.length; i++) … attrs[i].name … attrs[i].value Размер : 128K страница / 1M домен зависит от зоны Безопасность : path + domain + protocol
- 9. Средства SQLite в рамках домена HTML5 - БД Safari
- 10. Пример db .transaction(function(tx) { tx.executeSql(" SELECT value FROM test WHERE key=? ", [key], function(tx,result) { alert(" Количество: "+ result.rows.length) alert(" Поле value первого результата: "+ result.rows.item(0).value) }, function(tx, error) { alert("Error!") } ) }) Размер : 5 MB Безопасность : Домен
- 11. Средства Flash SharedObject Хранение через вспомогательный Flash - ролик ~ 97% распространенность Многие блокируют Flash из-за баннеров Своя схема безопасности
- 12. Cross -browser persistence userData 5.0+ WhatWG ключ / значение database storage Safari Flash Konqueror Opera Ваши вопросы? Еще примеры : http://javascript.ru/tutorial/storage