javascript - Chrome扩展程序在首次尝试时将无法获取URL

我有一个带有popup.html页面的Google Chrome扩展程序。

页面加载时启动的唯一脚本是：

document.addEventListener('DOMContentLoaded', function () {
    window.domain = "";
    chrome.tabs.getSelected(function (tabs) {
      window.domain = tabs.url;
      console.log(window.domain);
    });
    window.enabled = true;
    domain = window.domain;
    checkStatus();

});

函数checkStatus是：

function checkStatus() {
  if (enabled === true) {
    $(".status").html("Enabled");
    $(".statusContainer").css("background-color", "rgb(24, 150, 71)");
    $(".powerButton").attr("src", "images/enabled.png");
    $(".questionContainer").show("fast");
    $(".domain").html("on " + window.domain);
  }
  else if (enabled === false){
    $(".status").html("Disabled");
    $(".statusContainer").css("background-color", "rgb(102, 102, 102)");
    $(".powerButton").attr("src", "images/disabled.png");
    $(".questionContainer").hide("fast");
  }
}

但是，当我单击扩展程序的图标打开页面时，例如，我只会看到“在上”而不是“在google.com上”。但是，当我检查弹出窗口并切换到控制台并再次运行checkStatus时，如果我在google上，则扩展名显示为“在google.com上”。

我不确定是什么原因造成的，但是console.log会按原样显示该url，所以我认为checkStatus函数存在问题，因为在打开弹出窗口时会加载选项卡。

最佳答案

这是一个典型的异步问题

chrome.tabs.getSelected的回调部分很可能在您调用checkStatus()之后被调用，这将导致window.domain仍然是空字符串""

解决方案：您应该从回调内部调用checkStatus()

document.addEventListener('DOMContentLoaded', function () {
    window.domain = "";
    chrome.tabs.getSelected(function (tabs) {
      window.domain = tabs.url;
      console.log(window.domain);
      window.enabled = true;
      domain = window.domain;
      checkStatus();
    });

});