AngularJs 应用程序无法监听来自另一个窗口的 localStorage 更改

Question

在我的 AngularJS 应用程序中，两个窗口通过 localStorage 进行通信，以便使用单个 websocket 连接。主窗口侦听来自服务器的消息，将传入数据放入 localStorage 属性。子窗口在此属性上使用角度 $watch 将传入数据放入网格中。要求使用不同的窗口和单个连接。

问题是在浏览器开发工具（F12）没有打开之前，子窗口的控制器似乎无法观察到localStorage属性。

我该如何解决这个问题？

Answer 1

我有一个 Angular 项目，也使用 localstorage 和 localforage.js。不过，这句话确实将您的问题缩小到了开发工具上，不是吗？：

“直到浏览器开发工具（F12）没有打开。”

确保未选中此框。

重新加载页面并重试。

或者你可以试试这个解决方案：Using localstorage checks in a different window using window.postMessage()

我们的 QA 团队报告了几个错误，原因是使用本地存储打开了两个窗口，因此数据访问必须紧密同步。因此子窗口会将数据发送给处理本地存储的父窗口。