Question

基本上，我想做的是通过从输入字段中获取值并从content_script中的onMessage从popup.js发送消息，以将这些值从该本地范围分配到全局范围。我做不到！我可以在onMessage函数中关闭整个代码，但是要进入代码的下一个功能，我必须继续单击chrome扩展名上的save。如果有人比我对chrome扩展更好地了解这种方式，并且不了解，请查看我的代码并指导我进行改进。我已经做了一个星期了，我的头快要满了！

我尝试将所有代码包含在content_script的onMessage函数中。我尝试翻转哪些.js文件正在发送消息，并尝试从扩展名发送输入字段作为响应。我试图从.click DOM函数中排除sendMessage。在Google Chrome扩展程序上查看了Messaging 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 ...

Chrome扩展程序：如何从onMessage本地作用域函数分配全局值

1 个答案: