Javascript 本地存储和web SQL不能跨多个页面工作

首先，我有两个页面在同一个文件夹中，在同一个域上，我们将它们称为dummy和dummy2

我尝试了html5 localstorage和现在的webSQL，发现当dummy上的页面有一个保存和读取按钮，而dummy2只有一个读取按钮时，我可以保存和读取数据，但当我从dummy切换到dummy2时，本地存储和web SQL消失了

据我所知，这两种技术都应该保存数据，以便在站点的多个页面上使用

这是我的webSQL代码，注释掉了本地存储

<script>
    $(document).ready(function () {
        $("#save").click(function() {
            //localStorage.setItem('dummy', 'Hello there');
            //console.log(localStorage.getItem('dummy'));
            var db = window.openDatabase("UserDetails", "1.0", "User Details", 10000);
            db.transaction(populateDB, onDBError, onDBSuccess);
            function populateDB(tx) {
                tx.executeSql('DROP TABLE IF EXISTS DETAILS');
                tx.executeSql('CREATE TABLE IF NOT EXISTS DETAILS (id unique, Name, Email)');
                tx.executeSql('INSERT INTO DETAILS (id, Name, Email) VALUES (1, "User1", "example@example.com")');
            }
            function onDBError(error) {
                console.log("Error");
            }
            function onDBSuccess(msg) {
                console.log("Success (Saved)");
            }
        });
        $("#read").click(function() {
            tx.executeSql('SELECT * FROM DETAILS ORDER BY Name', [], onQuerySuccess, onDBError);
            function onQuerySuccess(tx, results){
                var name = results.row.item(i).Name;
                console.log(name);
            }

        });
    });
</script>

这是击救的结果；

但当我转到dummy2时：

---

有什么想法吗？

这是一种奇怪的系统，甚至是关于资源标签的chrome安装损坏。当我查看您的代码时，您的代码运行良好，localStorage下的“资源”选项卡会立即更新并在重新加载时保持不变，尽管我记得有一次“资源”选项卡不起作用，我遇到了类似的问题，即刷新时无法工作，我不得不使用控制台才能看到正确的结果

---

如果它在chrome控制台中或通过编程方式查询localStorage对象对您有效，则无论它在web inspector UI中说了什么，它仍然有效，您的代码也可以。

如果刷新dummy.html，会发生什么事？在此处聊天：