Как создать веб-приложение iOS, которое возвращается в предыдущее состояние после его неактивности?

Question

Когда я создаю веб-приложение IOS в HTML, я использую следующий код:

<meta name="apple-mobile-web-app-capable" content="yes" /> 

Таким образом, после добавления в качестве закладки Safari на главном экране iPhone и запустить его, я заметил, что как только я вернусь на главный экран и снова открою приложение, веб-приложение не сохранит прежнее состояние.

Он не начинается с того места, где я вышел, и вместо этого открывает стартовую страницу. Родные приложения этого не делают.

Как создать веб-приложение iOS, которое возвращается в предыдущее состояние после его неактивности?

Answer 1

Вам необходимо локально сохранять текущий статус страницы каждый раз, когда она изменяется (в cookie, LocalStorage или IndexedDB), и читать это значение обратно при открытии приложения.

рамки веб-приложение, вероятно, это встроенный, но вот грубый и базовый автономный пример, используя LocalStorage:

function pageChange(href) { 
    // called when a new page is requested by the user 
    // (could be set to run whenever an 'a' element is clicked) 
    localStorage.setItem('last_href', href); 
    window.location.href = href; 
} 

function startUp() { 
    // runs when the web app starts up 
    var last_href = localStorage.getItem('last_href'); 
    if (typeof last_href == "string" && last_href.length) { 
     // check that last_href is actually stored 
     // or it won't work the first time the web app is launched 
     window.location.href = last_href; 
    } 
}