在2个不同的js文件中使用变量（chrome扩展名）

Question

我正在尝试构建一个自动填充扩展，但我不知道如何在我的js FIE中使用用户输入。我试着用：

localStorage.setItem("full_name_E", full_name_E);

这在html脚本中（弹出用于扩展）。并且在autofill js文件中我写到：

localStorage.getItem('full_name_E');

但如果我在chrome控制台中键入第一个命令并刷新页面，则full_name_E值将出现在框中。我试过导入/导出，但它不起作用。有人帮忙吗？

Answer 1

您应该使用Chrome存储API进行此扩展。它将允许您让您的用户将他们的自动填充数据同步到他们使用的任何浏览器。

chrome.storage.sync.set({key: value}, function() {
  console.log('Value is set to ' + value);
});

chrome.storage.sync.get(['key'], function(result) {
  console.log('Value currently is ' + result.key);
});

将此添加到清单中：

json prettyprint-override">"permissions": [
    "storage"
  ],

您可以在这里找到更多信息：https://developer.chrome.com/docs/extensions/reference/storage/