html - HTML LocalStorage 中的数据在其他窗口/选项卡中可用所需的时间

Question

我有一个使用 HTML LocalStorage 的网页。同时打开此页面的多个选项卡/窗口是很常见的。由于这些都使用相同的 LocalStorage，而 LocalStorage 不提供事务或类似功能，我想实现某种形式的互斥，以防止不同的选项卡/窗口以不受控制的方式覆盖彼此的数据。

我试着只端口 my test of the Burns/Lynch mutual exclusion algorithm只需将 boolean[] F 存储在 LocalStorage 中即可发送到浏览器。

在 FireFox 中一切正常，但 Chrome 允许平均大约 1.3 个进程(大多数只有一个，有时是两个，很少甚至是 3 个或更多)同时进入临界区，而 Internet Explorer 平均允许 2 个进程(主要是 1、2 或 3，有时甚至更多)。

自 algorithm has been proven correct而且我的实现非常简单，我已经测试了它，否则我能想出为什么会发生这种情况的唯一原因是在 Chrome 和 IE 中，我写入 LocalStorage 之间存在延迟一个选项卡/窗口以及新值何时在所有其他选项卡/窗口中可见。

这可能吗？如果是这样，是否有任何文件或对这些延误有任何保证？或者，更好的是，我可以使用某种“提交”或“flush()”调用来强制立即传播更改吗？

更新:

我整理了一下jsfiddle测试往返时间:

// Get ID
var myID;
id = window.localStorage.getItem("id");
if (id==1) { myID = 1;    window.localStorage.setItem("id", 0); }
      else { myID = 0;    window.localStorage.setItem("id", 1); }

// Initialize statistics variables
var lastrun    = (new Date()).getTime();
var totaldelay = 0;
var count      = 0;
var checks     = 0;

document.documentElement.innerHTML = "ID: "+myID;

// Method that checks the round-trip time
function check() {
    window.setTimeout(check, 1); // Keep running
    value = window.localStorage.getItem("state");
    checks++;
    if (value==myID) return;
    window.localStorage.setItem("state", myID);
    now = new Date().getTime();
    totaldelay += now - lastrun;
    count++;
    lastrun = now;
    document.documentElement.innerHTML = "ID: "+myID+"<br/>"+
                                         "Number of checks: "+checks+"<br/>"+
                                         "Number of round-trips: "+count+"<br/>"+
                                         "Checks per round-trip: "+checks/count+"<br/>"+
                                         "Average round-trip time:"+totaldelay/count;
}

// Go!
window.setTimeout(check, 1000);

如果我在两个不同的窗口中运行这个 fiddle ，我会在我打开的第二个窗口中得到以下数字:

 Browser          | Checks per round-trip | Average round-trip time
------------------+-----------------------+-------------------------
 Firefox 24.3.0   |                  1.00 |                  6.1 ms
 Chrome 46.0.2490 |                  1.06 |                  5.5 ms
 IE 10            |                 17.10 |                 60.2 ms

Answer 1

事实证明，Internet Explorer 再次赢得有史以来最糟糕软件的竞争......

IE11 中实际上存在一个严重的错误(我也看到了 IE10 的问题)，如果用户打开多个选项卡，基本上无法可靠地使用 LocalStorage:每个选项卡基本上都有自己的缓存版本存储位置以及该缓存和实际存储之间的同步充其量是不稳定的(如果它发生的话)。基本上永远不能依赖将数据发送到另一个选项卡/窗口。

这是官方错误报告:IE 11 - Local Storage - Synchronization issues

(当然，这只是 huge list of other issues with LocalStorage support in IE 之一)

我很喜欢这个 issue 在 2013 年的打开方式，甚至得到了承认，但仍未得到修复......

不幸的是，发布的三个解决方法都没有使我的测试变得更好。

换句话说:在IE10/11中基本不可能使用LocalStorage进行跨tab/window通信。

令人惊讶的是，跨窗口/标签的 cookie 同步似乎更加稳定(至少在我使用 IE10 的测试中)。所以也许这可以用作解决方法。