将多个cookie值作为变量从background.js传递到contentscript.js

Question

我正在尝试使用此background.js获取cookie值

var myUrl = "https://cookiedomain.com/";

chrome.cookies.get({url: myUrl, name: 'email'}, function(cookie) {
     var email = cookie.value;
     chrome.runtime.sendMessage({ data: email });
});

chrome.cookies.get({url: myUrl, name: 'password'}, function(cookie) {
     var password = cookie.value;
     chrome.runtime.sendMessage({ data: password });
});

并在content.js中获取电子邮件，密码作为变量

 chrome.runtime.onMessage.addListener(
  function(request, sender, sendResponse) {
      var email = request.email;
      var password = request.password;
    });

  ....

document.getElementById('id').value = email;

document.getElementById('id1').value = password ;

但似乎不起作用，任何人都可以帮助我吗？

谢谢大家。

Answer 1

你的代码中有几个问题：chrome.tabs.sendMessage应该与tab标签一起使用，两个document.getElementById行应该在onMessage回调中，你的后台脚本是在里面发送一个带有data属性的对象，但是内容脚本期待email和password。

有一种更简单的方法：反转流程并让内容脚本向后台脚本发出请求，后台脚本将获取两个cookie并将其发送回一个响应中。

后台脚本：

chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
  if (msg.topic === 'getAuth') {
    chrome.cookies.get({url: msg.url, name: 'email'}, ({value: email}) => {
      chrome.cookies.get({url: msg.url, name: 'password'}, ({value: password}) => {
        sendResponse({email, password});
      });
    });
    // keep sendResponse channel open
    return true;
  }
});

内容脚本：

chrome.runtime.sendMessage({
  topic: 'getAuth',
  url: location.href,
}, ({email, password}) => {
  document.getElementById('id').value = email;
  document.getElementById('id1').value = password;
});