保存输入字段Chrome扩展程序

Question

我需要创建一个具有两个按钮的扩展：复制和粘贴。 “复制”按钮将在页面上选择文本输入和文本区域的内容，并将其保存在存储模块中。 粘贴按钮会将已保存的文本粘贴到输入和具有相同ID的文本区域内的另一页上。

我设法通过本地存储使它起作用，但是它只将内容保存在同一域中。 我尝试使用chrome.storage模块存储和检索数据； 我无法使其正常运行。

您能否告诉我解决此问题的最佳方法是什么？

更新：该扩展程序有效，但带来一些不便：

chrome.extension.onMessage.addListener(
    function(request, sender, sendResponse) {      
        storage.get('form_data', function(item) {
            sendResponse(item);
        });   
    }
});

这将返回错误： 无法发送响应：如果要在侦听器返回后发送响应，则chrome.extension.onMessage侦听器必须返回true。

var form_data;
chrome.extension.onMessage.addListener(
    function(request, sender, sendResponse) {      
        storage.get('form_data', function(item) {
            form_data = item;
        });   
        sendResponse(form_data);
    }
});

这行得通，但我必须调用该函数两次（单击粘贴按钮），我猜第一个函数返回未定义并随后获取数据，第二个调用返回存储值。

Answer 1

我用以下代码解决了这个问题：

chrome.extension.onMessage.addListener(
  function(request, sender, sendResponse) {
    if (request['request_type'] === 'copy') {
      storage.clear();
      storage.set({'form_data' : request['form_data']});
    } else if (request['request_type'] === 'paste') {
        storage.get('form_data', function(item) {
          chrome.tabs.getSelected(null, function(tab) {
            chrome.tabs.sendMessage(tab.id, item['form_data']);
          });
        });
      }
});