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

Question

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

localStorage.setItem("full_name_E", full_name_E);

这是在 html 脚本中（用于扩展的弹出窗口）。在我写的自动填充 js 文件中：

localStorage.getItem('full_name_E');

但是如果我在 chrome 控制台中键入第一个命令并刷新页面，full_name_E 值会出现在框中。我尝试使用 import/export 但它不起作用。有帮助吗？

Answer 1

localStorage 正在“选项卡”上保存数据，因此在您关闭当前选项卡之前，它会一直保存数据（即使您刷新页面）。

看来你只想为当前页面保存一个变量，一个经典的变量就足够了。

Answer 2

您应该为此扩展使用 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);
});

将此添加到您的清单中：

"permissions": [
    "storage"
  ],

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

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

use variable in 2 different js file (chrome extension)

html

javascript

google-chrome-extension