ios - 如何创建一个在不活动后返回到先前状态的 iOS webapp？

Question

当我在 HTML 中创建一个 iOS webapp 时，我使用以下代码:

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

所以，在将它作为 Safari 书签添加到 iPhone 的主屏幕并启动它后，我注意到一旦我返回主屏幕并重新打开应用程序，网络应用程序就不会保留其之前的状态。

它不会从我离开的地方开始，而是打开起始页。 native 应用不会这样做。

我如何创建一个 iOS webapp 在不活动后返回到以前的状态？

Answer 1

每次页面更改时，您都需要在本地存储页面的当前状态(在 cookie、LocalStorage 或 IndexedDB 中)，并在应用打开时读回该值。

Web 应用程序框架可能内置了此功能，但这是一个使用 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;
    }
}