javascript - 将多个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 应该与选项卡 ID 一起使用，两行 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;
});