javascript - 重新加载 localStorage 项目更改 javascript 上的所有打开选项卡

Question

当本地存储中的值发生变化时，我想在所有打开的选项卡上重新加载特定站点的页面。我怎样才能做到这一点？

标签： javascriptangular

Answer 1

您可以像这样订阅存储事件：

window.addEventListener('storage', function(e) {  
    // Some storage value changed. Reload tab!
});

如链接文档中所述：

当存储区域（localStorage 或 sessionStorage）在另一个文档的上下文中被修改时，会触发 Window 接口的存储事件。

请注意，这仅限于可以访问相同本地存储的选项卡（受网站域的限制）。