javascript - 如何使用 javascript 保存输入数据表单避免安全内容策略-Chrome 扩展

Question

我是开发 chrome 扩展的新手，我遇到了问题。

我需要获取用户输入数据并以某种方式存储它。我尝试使用 local.storage 和 sync.storage 但它们应该只适用于同一个域，因为当我尝试通过在content.js文件中使用脚本注入 javascript 时我无法获取数据。它适用于同一个域（我想在这种情况下，当我打开 chrome 扩展的选项卡时，local.storage 只为那个“域”保存数据）。

怎么解决？谢谢

标签： javascriptgoogle-chrome-extension

Answer 1

你可以试试消息传递。

// popup.js

function submit(data) {
  chrome.tabs.query({active: true}, function (tabs) {
    chrome.tabs.sendMessage(tabs[0].id, data);
  });
}

// 内容.js

chrome.runtime.onMessage.addListener(function (message) {
  // do sth
});