开发者

Google chrome extension: local storage

开发者 https://www.devze.com 2023-01-03 03:23 出处:网络
I\'m developing an extension for Google Chrome, and have run into some trouble.I created an options.html page and added it to the manifest.json file.The page shows properly.

I'm developing an extension for Google Chrome, and have run into some trouble.I created an options.html page and added it to the manifest.json file.The page shows properly.

I saved the options, and then went back to the page on which the extension is supposed to run.

Unfortunately, the Local storage for the options was returning a 'null' instead of the option. If I set the local storage option directly from the extension's JS script, it works fi开发者_高级运维ne but not if it was set from the options page.

Any idea how i can access the options.html local storage values from my Javascript file in the extension?


You can set them using either

localStorage["var"]=data;

or

localStorage.var=data;

Load them using

var myvar = localStorage.var;

You can read about the API here.


The correct method is:

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
}

REFERENCE: http://html5tutorial.net/tutorials/working-with-html5-localstorage.html

0

精彩评论

暂无评论...
验证码 换一张
取 消