Question

我有一个非常简单的Chrome扩展程序，其中包含一个带有单个按钮的弹出窗口。单击该按钮时，它会创建一个新选项卡，然后更改tabs.create回调函数中的徽章文本。当我调试它（打开检查器窗口）时，它每次都有效。但是，当我正常使用它（没有检查员）时，它有时只能起作用，通常不是前一次或两次。具体而言，不总是有效的部分是徽章文本部分。始终会创建一个新选项卡，但徽章文本很麻烦。

是否与时间有关？这些异步函数很多次都与我的脑子搞混了。不用说，我希望它每次都有效，而不仅仅是有时候。

这是我的代码的一个非常简单的版本，用于说明我遇到的基本问题：

的manifest.json

{
  "name": "Test",
  "version": "1.0",
  "manifest_version": 2,
  "browser_action": {
    "default_icon": {
      "19": "images/icon19.png"
    },
    "default_popup": "popup.html"
  },
  "permissions": [
    "tabs"
  ],
  "background": {
    "scripts": ["background.js"]
  }
}

popup.html

<script src="background.js"></script>

<html>
<body>

<button id="start">Start</button>

</body>
</html>

background.js

document.addEventListener('DOMContentLoaded', function () {
    var startButton = document.getElementById('start');
    startButton.addEventListener('click', function () {
        start();
    });
});


function start()
{
    // Make new tab
    chrome.tabs.create({ url: "http://google.com" }, function(tab){

        // Get random number to display in badge to test if it's working
        var randomString = String(Math.floor(Math.random()*1000));

        // Display badge
        chrome.browserAction.setBadgeText({ text: randomString});

    });
}

Answer 1

这可能是this question的类似问题，弹出窗口会在执行所有代码之前卸载。我个人没有更新，但我可以想象它是可能的。解决这个问题的一种方法是在执行回调之前不要让弹出窗口卸载。关键是active的{{1}}属性。例如：

tabs.create

这样做可以消除竞争条件并确保弹出窗口保持焦点，直到它设置徽章。

简单的Chrome扩展程序并不总是有效...只有在不调试时？

1 个答案: