显示localstorage变量

时间:2013-09-22 04:18:28

标签: javascript google-chrome google-chrome-extension code-injection

此问题与Chrome浏览器扩展程序(js Injection和localstorage)相关

好的,我发誓我已经搜索了这个问题(或者一个类似的)的答案,并且没有一个或者我是关于这个主题的完全白痴。

这是我正在尝试做的事情,它应该是非常简单的事情。我不是Chrome扩展程序的新手,但是为插件创建选项非常新....

我只想直观地显示保存的数据。例如......

假设localstorage已将输入文本字段(用户名)存储为“MyUsername”。

我想回忆并在我正在注入代码的页面中直观地显示。这是一个例子......

代码(inject.js):

var el = document.createElement('div'),
    b = document.getElementsByTagName('body')[0];
    otherlib = false,
el.setAttribute("id", "vBar");
    el.style.position = 'fixed';
    msg = 'just testing';
    return showMsg();

你看到“msg ='只是测试';”...我只是希望它显示用户名(来自本地存储)而不是'只是测试'。

输出应该看起来像......

  

名为myUsername

请告诉我,我不是白痴。我无法弄清楚为什么它没有显示结果。它只是显示......

  

未定义

1 个答案:

答案 0 :(得分:1)

当内容脚本访问localStorage时,它将访问属于注入脚本的页面域的存储。在这种情况下,这可能不是你想要的。

您可以改用chrome.storage api,这样您就可以在所有扩展脚本实例和背景页面之间共享信息。