显示本地存储变量

Displaying a localstorage variable

本文关键字：变量 存储 显示      更新时间：2023-09-26

这个问题与Chrome浏览器扩展（js Injection和localstorage）有关

好吧，我发誓我已经搜索了好几天来这个问题的答案（或类似的答案），要么没有，要么我对这个话题完全是个白痴。

这就是我要做的，它应该非常简单。 我对 chrome 扩展程序并不陌生，但对为插件创建选项非常陌生......

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

假设本地存储已将输入文本字段（用户名）存储为"MyUsername"。

我想在我注入代码的页面中直观地回忆和显示它。 下面是一个示例...

代码（注入.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 ='只是测试';"...我只希望它显示用户名（来自本地存储）而不是"仅测试"。

输出应该看起来像...

我的用户名

请告诉我我不是白痴。 我不知道为什么它不显示结果。 它只是显示...

定义

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

您可以改用 chrome.storage api，这将允许您在所有扩展脚本实例和后台页面之间共享信息。

相关文章：