在窗口卸载时使用 HTML5 Web SQL 保存状态

Question

我使用 Web SQL API 在页面上存储一些信息；我想在用户关闭页面或导航离开时保存页面的状态，因此，我从以下开始：

window.onunload = function () {
  db.transaction(function (tx) {
    executeSql("INSERT INTO State (foo) VALUES (?)", [foo]);
  });
};

但是，这是异步的，因此在页面消失之前它不会完成。

我通过在我的 window.onunload 末尾添加一个（不诚实的，因为它还没有发生）alert("Saved!"); 来解决这个问题，效果并不理想。延迟卸载，直到数据库有机会执行其操作，但如果可以避免的话，我宁愿没有该警报。

有什么想法吗？我需要暂时阻止调用 onunload 函数的线程，这就是警报的作用。

（顺便说一句，为了阻止任何关于我使用同步 openDatabaseSync 版本的建议，该 API 仅为 Web Workers 而不是为 Window 对象指定和实现。）

Answer 1

您可以访问 WebSocket 吗？

您可以侦听一个套接字，然后在卸载时同步连接到该侦听套接字吗？当侦听器收到连接时，它会启动 insert 并在查询完成后关闭连接。

这是我唯一能想到的，我不确定这些接口是否支持这种用法。我通过思考如果我有服务器我将如何做到这一点来解决这个问题：我将使用与服务器的同步网络连接来写入状态。

另外，我不确定卸载事件是否可以被阻止一段不确定的时间，但一些谷歌搜索“卸载同步ajax”表明它可能是这样。

更新 7/19 10:26pm PDT

浏览器 WebSocket 是仅发送的，您无法打开套接字进行侦听。

Answer 2

我只想为后代提到我遇到的另一个想法是打开一个带有超时的模式对话框，如下所示：

window.showModalDialog('javascript:document.writeln ("<script>window.setTimeout(function () { window.close(); }, 100);</script>")');

但这也许并不完全是跨平台的。并且对话框窗口在某些浏览器（至少 Safari）中可见。

Answer 3

据报道，有一种方法可以使 SQL 调用同步。

同步Web SQL 是Web SQL 规范草案的一部分。
然而，这部分还没有在任何浏览器中实现。
而且规范草案不会去任何地方，因为只有一个数据库 - SQLite。

然而，appcelerator 中的公平人士以某种方式做到了这一点< /a>.如果我知道他们是怎么做到的就好了。如果您能弄清楚，请更新此线程。