WebOS 在浏览器关闭时重置 LocalStorage？

发布于 2024-10-31 04:54:06 字数 1503 浏览 8 评论 0原文

我有一个 HTML5 Web 应用程序，其中我使用 localStorage 在使用之间保留一些客户端用户设置。我以为我已经一切正常，但我最近发现在 WebOS 浏览器中，本地存储项目在浏览器完全关闭后被清除（所有卡 - 不仅仅是我的页面）。它的行为就像保存到会话存储中一样，但事实并非如此。这是一个说明我的问题的最小示例：

<!DOCTYPE html>
<html>
    <head>
        <title>test</title>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes">
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script>
            $(function() {
                $('#btnV').click(function() {
                    var x = '';
                    for(var i = 0; i < localStorage.length; i++) {
                        x += localStorage.key(i) + ':' + localStorage.getItem(localStorage.key(i)) + '<br/>';
                    }
                    $('#lbl').empty().append(x);
                });
                $('#btnS').click(function() {
                    localStorage.setItem('test', 'blah');
                });
            });
        </script>
    </head>
    <body>
        <span id="lbl"></span>
        <input type="button" id="btnS" value="Save" />
        <input type="button" id="btnV" value="View" />
    </body>
</html>

当我第一次加载页面并单击“查看”按钮时，没有显示任何内容。如果我单击“保存”，然后单击“查看”，我将看到该项目已保存。刷新页面并单击“查看”立即显示该值在页面重新加载期间保留。但是，如果我完全关闭浏览器然后返回页面，“查看”将不会像第一次那样显示任何值。我是否错误地设置了 localStorage 项目，或者我的 WebOS 浏览器是否以某种方式配置为执行此操作？我在设置中找不到任何相关内容。

谢谢...

原文

I have an HTML5 webapp wherein I use localStorage to retain some client-side user settings between uses. I thought I had it all working well, but I recently find that in the WebOS browser the localStorage items are cleared after the browser is completely closed (all cards--not just my page). It is acting like it is saved to session storage, but that is not the case. Here is a minimal example that illustrates my problem:

<!DOCTYPE html>
<html>
    <head>
        <title>test</title>
        <meta charset="utf-8" />
        <meta name="apple-mobile-web-app-capable" content="yes">
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script>
            $(function() {
                $('#btnV').click(function() {
                    var x = '';
                    for(var i = 0; i < localStorage.length; i++) {
                        x += localStorage.key(i) + ':' + localStorage.getItem(localStorage.key(i)) + '<br/>';
                    }
                    $('#lbl').empty().append(x);
                });
                $('#btnS').click(function() {
                    localStorage.setItem('test', 'blah');
                });
            });
        </script>
    </head>
    <body>
        <span id="lbl"></span>
        <input type="button" id="btnS" value="Save" />
        <input type="button" id="btnV" value="View" />
    </body>
</html>

When I first load the page and click the "View" button, nothing is shown. If I click "Save" and then "View" I will see the item as saved. Refreshing the page and clicking View immediately shows the value is retained across page-reload. However, if I completely close out the browser and then go back in to the page, "View" will show no values as it did the very first time. Am I setting localStorage items incorrectly, or is my WebOS browser configured somehow to do this? I couldn't find anything relevant in the settings.

Thanks...

分享到QQ

分享到微博