Chrome 扩展：如何从 onMessage 本地范围函数分配全局值

Question

基本上，我要做的是从 popup.js 发送一条消息，方法是从输入字段中获取值，然后在 content_script 中的 onMessage 将这些值从本地范围分配给全局范围。我做不到！我可以在 onMessage 函数中关闭整个代码，但是要进入代码的下一个函数，我必须继续单击 chrome 扩展上的保存。如果有人比我对 chrome 扩展更了解这种方式，请查看我的代码并指导我进步。我已经用了一个星期了，我的头快要爆炸了！

我已尝试将 onMessage 函数中的所有代码包含在 content_script 中。我尝试翻转哪些 .js 文件正在发送消息，并尝试从扩展中发送输入字段作为响应。我试图将 sendMessage 排除在 .click DOM 函数之外。审查了 Google Chrome 扩展上的消息 API，我很困惑。

content.js 文件

chrome.runtime.onMessage.addListener (
    function(request) {
    item_name = request.name;
    item_color = request.color;
    item_category = request.category;
    item_size = request.size;

    console.log(item_name);
    console.log(item_color);
    console.log(item_category);
    console.log(item_size);
});

var url = window.location.href;
var i;

var item_category;
var item_name;
var item_color;
var item_size;

console.log(item_name);
console.log(item_color);
console.log(item_category);
console.log(item_size);

popup.js 文件

document.getElementById("save_input").onclick = function() {
  var item_name_save = document.getElementById("item_name_save").value;
  var item_color_save = document.getElementById("item_color_save").value;
  var item_category_save = document.getElementById("item_category_save").value;
  var item_size_save = document.getElementById("item_size_save").value;

  chrome.storage.sync.set({'item_name_save' : item_name_save}, function() {
    console.log('Value is set to ' + item_name_save);
  });
  chrome.storage.sync.set({'item_color_save' : item_color_save}, function() {
    console.log('Value is set to ' + item_color_save);
  });
  chrome.storage.sync.set({'item_category_save' : item_category_save}, function() {
    console.log('Value is set to ' + item_category_save);
  });
  chrome.storage.sync.set({'item_size_save' : item_size_save}, function() {
    console.log('Value is set to ' + item_size_save);
  });

  const msg = { name: item_name_save,
    color: item_color_save,
    category: item_category_save,
    size: item_size_save
  };
  chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
    chrome.tabs.sendMessage(tabs[0].id, msg, function() {
    });
  });

  location.reload();
  // window.close();
}

manifest.json

{
    "manifest_version": 2,

    "name": "Supreme bot",
    "description": "A bot for Supreme",
    "version": "1.0",

    "background": {
      "scripts": ["background.js"]
    },
    "browser_action": {
      "default_icon": "icon.png",
      "default_popup": "popup.html",
      "default_title": "Supreme bot"
    },
    "content_scripts": [
        {
            "matches": ["http://*/*", "https://*/*"],
            "js": ["bot-functionallity.js"]
        }
    ],
    "permissions": [
      "activeTab",
      "tabs",
      "storage",
      "tabs"
    ]
}

（当所有代码都在 onMessage 函数中时，可以正常工作但不符合预期） The Incorrect Functionality

我基本上希望 content.js 不能全部包含在 onMessage 函数中，因为它不能正常工作，并让它在 onMessage 函数的全局范围内分配值。我只想将该信息从 popup.js 发送到 content.js 1 次。

Answer 1

我只是用chrome.storage.sync.set 设置值并在另一个文件中使用chrome.storage.sync.get...