iOS "веб-приложение" имеет другой localStorage, чем Mobile Safari

резюме:

Safari и полноэкранные веб-приложения (a.к. a. web-app-capable) имеют отдельные кэши записи в памяти данных localStorage. Каждый раз, когда полноэкранное приложение становится активным, оно перезагружает localStorage с диска (позволяя ему видеть изменения Safari). Однако, когда Safari становится активным, он не перезагружает данные localStorage с диска, поэтому он не увидит изменений, внесенных в полноэкранное приложение, если вы не убьете Safari и не перезапустите он.

Полное Описание:

есть только два трудные проблемы в информатике:

1. очистку кэша
2. называя вещи
3. off-by-one ошибки

багги поведение в localStorage является результатом проблемы #1. Вот почему:

при загрузке браузера iOS он считывает данные для localStorage с диска и кэширует их в памяти. Тогда каждый раз Вы читаете данные (например,getItem), данные считываются из памяти, а не с диска, а при записи (например,setItem) данные записываются в память, а затем (асинхронно), записываемых на диск. Поскольку localStorage является синхронным, эта реализация является полностью разумной. Если он пошел на диск для всех чтения и записи, ваш javascript будет заблокирован на каждом чтении/записи для выполнения дорогостоящего ввода-вывода диска.

проблема в том, что полноэкранное веб-приложение (назовем его FSWA) использует отдельный экземпляр движка браузера iOS, и хотя FSWA разделяет то же расположение на диске для данных localStorage, он не разделяет кэш в памяти данных localStorage с Safari.

когда вы добавляете тот факт, что FSWA полностью перезагружается (что означает, что данные localStorage перезагружаются с диска) каждый раз, когда они становятся активным приложением, вы получаете поведение, которое вы видите.

вот за кулисами...

1. пользователь изменение, которое записывает данные в localStorage в Safari
2. Safari записывает данные в кэш локального хранилища в памяти Safari
3. Safari сбрасывает данные localStorage из кэша на диск
4. пользователь покидает safari и запускает FSWA
5. FSWA загружает и считывает данные localStorage с диска в кэш в памяти
6. пользователь видит данные, которые были изменены (в шаге 1) в сафари
7. пользователь вносит изменения в FSWA, который пишет данные в localStorage
8. FSWA записывает данные в кэш localStorage (кэш Safari не обновляется)
9. FSWA сбрасывает данные кэша localStorage на диск
10. пользователь переключается обратно в Safari
11. Safari уже запущен, и он не перезагружает данные localStorage с диска
12. Safari считывает старые данные из существующего кэша в памяти
13. пользователь не видит изменений, внесенных в Шаг #7

в докажите это, вы можете убить сафари между шагом #4 и шагом #10. Затем, когда вы перезапустите Safari на шаге #11, он перезагрузит localStorage с диска, и вы увидите данные, записанные FSWA.