javascript - 保存 popup.html 信息以供下一次 session 使用

Question

我觉得这很简单，但我不明白。

我的应用程序基本上通过执行 document.getElementById 来修改 popup.html 页面，效果非常好。

[..]
document.getElementById("data").innerHTML = "inserting data here"
[..]

正如预期的那样，当单击 popup.html 之外的位置时，页面将关闭。当它重新打开时，修改不再存在。

我一直在查看背景页面https://developers.google.com/chrome/apps/docs/background?csw=1#example-permission试图解决这个问题，但感觉它并不能满足我的需要。

大家有什么推荐的吗？

谢谢!

Answer 1

您可以使用 localStorage 或 sessionStorage 在弹出窗口打开时存储值，如下所示

localStorage.setItem('mydata', 'inserting data here')

当弹出窗口加载时，您可以从中获取值

document.getElementById("data").innerHTML = localStorage.getItem('mydata')

所以你的代码会是这样的

if(localStorage.getItem('mydata')) {
   document.getElementById("data").innerHTML = localStorage.getItem('mydata')
} else {
   localStorage.setItem('mydata', 'inserting data here')
}

如果弹出窗口与主页具有相同的域，它将正常工作