Можностей, предоставляемых веб-разработчикам



Pdf көрінісі
бет222/232
Дата06.01.2022
өлшемі5,47 Mb.
#12231
1   ...   218   219   220   221   222   223   224   225   ...   232
Байланысты:
[Bryus Louson, Remi SHarp] Izuchaem HTML5. Bibliot(z-lib.org)

Отладчик в Firefox
С помощью встроенной JavaScript-консоли Firefox можно с легкостью заглянуть в объекты 
хранилища. Укажите в команде консоли 
sessionStorage
 или 
localStorage
, выполните код 
и сможете щелкнуть объект хранилища и просмотреть его содержимое (рис. 6.2).
DragonFly в Opera
Инструмент DragonFly поставляется в составе Opera. На вкладке 
Storage
 (Хранилище) 
можно просмотреть все данные, записанные для текущей страницы. В частности, пред-
усмотрены отдельные вкладки для локального и сеансового хранилищ, упрощающие из-
учение данных, связанных с этими типами хранилищ (рис. 6.3).


198  •  Глава 6
Рис . 6 .2 .
 Встроенный отладчик Firefox
Рис . 6 .3 .
 Отладчик DragonFly в браузере Opera позволяет просматривать  
содержимое хранилища
СОБЫТИЯ ХРАНИЛИЩА
Что определяет истинную ценность веб-хранилища — так это встроенные события, уве-
домляющие вас об обновлениях в хранилище данных.
В первую очередь необходимо запомнить, что событие хранилища срабатывает не на окне, 
которое сохраняет фактические данные. Оно сработает только на другом окне, чье храни-
лище в данный момент модифицируется.
Это означает, что события хранилища для 
sessionStorage
 срабатывают только на объектах 
iframe
 с тем же источником и всплывающих окнах, открытых с помощью 
window.open()

так как при этом новая сессия не создается. События хранилища для 
localStorage
 сраба-


Хранение данных  •  199
тывают на всех окнах, открывающихся для того же источника. Через секунду мы взглянем 
на пример ситуации, когда это может быть полезно.
Сработавшее событие способно предоставить всю информацию об изменениях данных, 
что демонстрирует объект события хранилища:
StorageEvent {
    readonly DOMString key;
    readonly any oldValue;
    readonly any newValue;
    readonly DOMString url;
    readonly Storage storageArea;
};
Помните, что хотя в спецификации говорится, что он поддерживает «любое» значение, это 
не так. В настоящее время все браузеры приводят эти значения к строковой форме, поэтому 
не сомневайтесь, что 
oldValue
 и 
newValue
 обязательно будут строками!
storageArea
 указывает либо на 
localStorage
, либо на 
sessionStorage
 — очевидно, в за-
висимости от того, где сохранены данные.


Достарыңызбен бөлісу:
1   ...   218   219   220   221   222   223   224   225   ...   232




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет