问Safari14.1标签之间的localStorage不是同步的
EN

Stack Overflow用户

提问于 2021-04-29 20:32:56

回答 1查看 2.1K关注 0票数 4

以下是一个适用于Safari14.0(以及Chrome，Firefox)但不适用于Safari14.1的最小案例：https://ffvix.csb.app

打开两个选项卡的演示程序

应该可以通过localStorage在托管在同一域中的两个选项卡之间同步消息。

演示代码：

    <h1>To localStorage</h1>
    <form id="form">
      <input id="text" type="text" />
      <input type="submit" />
    </form>

    <h1>From localStorage</h1>
    <button id="getout">get</button>
    <p id="out"></p>

    <script type="text/javascript">
      const form = document.getElementById("form");
      const text = document.getElementById("text");
      const out = document.getElementById("out");
      const getout = document.getElementById("getout");

      form.addEventListener("submit", function (e) {
        localStorage.setItem("test", text.value);
        e.preventDefault();
      });

      function getIt() {
        out.textContent = localStorage.getItem("test");
      }
      getIt();
      getout.addEventListener("click", getIt);
      window.addEventListener("storage", getIt);
    </script>

javascript