google-chrome - 谷歌浏览器扩展：本地存储

Question

我正在为 Google Chrome 开发一个扩展程序，但遇到了一些麻烦。我创建了一个 options.html 页面并将其添加到 manifest.json 文件中。该页面正确显示。

我保存了选项，然后返回到应该运行扩展程序的页面。

不幸的是，选项的本地存储返回“null”而不是选项。如果我直接从扩展的 JS 脚本设置本地存储选项，它可以正常工作，但如果它是从选项页面设置的则不行。

知道如何从扩展中的 Javascript 文件访问 options.html 本地存储值吗？

Answer 1

您可以使用任一设置它们

localStorage["var"]=data;

或者

localStorage.var=data;

使用加载它们

var myvar = localStorage.var;

您可以在此处阅读有关 API 的信息。

Answer 2

正确的方法是：

if (typeof(localStorage) == ‘undefined’ ) {
  alert(‘Your browser does not support HTML5 localStorage. Try upgrading.’);
}
else {
  try {
    localStorage.setItem(“name”, “Hello World!”); //saves to the database, “key”, “value”
  }
  catch (e) {
    if (e == QUOTA_EXCEEDED_ERR) {
      alert(‘Quota exceeded!’); //data wasn’t successfully saved due to quota exceed so throw an error
    }
  }
  document.write(localStorage.getItem(“name”)); //Hello World!
  localStorage.removeItem(“name”); //deletes the matching item from the database
}

参考：http ://html5tutorial.net/tutorials/working-with-html5-localstorage.html