chrome.browserAction.setBadgeText 可以从脚本中加载字符串吗？

Question

我知道使用以下内容会在我的 Google Chrome 扩展程序上加载带有背景的文本，并且会将其截断为前四个字母。

chrome.browserAction.setBadgeBackgroundColor({ color: [255, 0, 0, 255] });
chrome.browserAction.setBadgeText ( { text: "loading" } );

但我想要做的是允许部分如果它说loading 显示来自 js 脚本的字符串结果。我已经在网上和 StackOverflow 上查看了答案，但我还没有找到任何与我正在尝试做的事情相关的东西，所以我决定在这里问这个问题。

我的 manifest.json 有背景，js 加载：

"background": {
  "scripts":["background.js"]
}

background.js -然后在background.js 中，我一直在尝试通过从number.js 加载结果来使其工作，但我就是无法让它工作。曾经。我知道这里的代码是错误的，因为我把它搞砸了，但我会把它包括在内，这样你就可以了解我想要做什么：

var imported = document.createElement('script');
imported.src = 'number.js';
document.head.appendChild(imported);

chrome.browserAction.setBadgeBackgroundColor({ color: [255, 0, 0, 255] });
chrome.browserAction.setBadgeText ( { text: "loading" } );

chrome.tabs.executeScript(null,
{code:"globalVarName = {'scriptOptions': {...}};" },
chrome.tabs.executeScript(null, {file: "number.js"},

number.js - 然后我最终要加载的是来自number.js 的字符串：

var ip = "chromahills.net";

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://minecraft-api.com/v1/get/?server=" + ip, true);
xhr.onreadystatechange = function() {
        if (xhr.readyState == 4) {
                data = JSON.parse(xhr.responseText);
                if (data.status) {
                        document.write(data.players.online);
                } else {
                        document.write("Fail");
                }
        }
}

xhr.send();

问题

所以，直截了当，我的问题如下：

• 是否可以在.setBadgeText 中包含javascript 字符串？
• 如果是这样，最有效的方法是什么？

我知道这是一段很长的文字，但我尝试包含尽可能多的细节，以便您了解我正在尝试做的事情，并希望能解释一种更好的方法来做我正在做的事情，即使它是实际上是可能的。

编辑

现在问题已解决，我已删除我的进度以避免混淆。如果您想查看我尝试过的内容，请单击此处 -> http://jsfiddle.net/lukexf/5d72Q/ 或阅读以下解决方案

Answer 1

当然你可以在.setBadgeText 中显示一个 Javascript 字符串，事实上它是你唯一可以显示的内容:-)

所以，我试图理解你的问题的诀窍......我认为你想以某种方式 call number.js 然后检索输出（document.write 写入屏幕）。

但这是错误的做法。

为什么不直接在 background.js 中实现下面的代码（你可以很容易地访问 badText）？

var ip = "chromahills.net";

var xhr = new XMLHttpRequest();
xhr.open("GET", "http://minecraft-api.com/v1/get/?server=" + ip, true);
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {
            data = JSON.parse(xhr.responseText);
            if (data.status) {
                    chrome.browserAction.setBadgeText ( { text: data.players.online.toString() } );
            } else {
                    chrome.browserAction.setBadgeText( { text: "Fail" });
            }
    }
}

xhr.send();

Answer 2

所以我终于解决了这个问题。这是通过允许该函数检查 IP 的状态，然后在正确的条件下显示它来完成的。不使用任何 xhr 都有帮助，因为它现在加载了一种更有效的方式。我还学习了如何根据字符串的状态包含图像。

我希望这能像对我一样帮助其他人。

var ip;
var timer;

function loadExtension () {
    if (!ip) {
        ip = 'chromahills.net';
    }

    checkState();
}

function checkState () {
    $.get('https://aron.li/mss/ping.php?ip=' + ip, function(data) {
        if (data.max != null) {
            chrome.browserAction.setBadgeBackgroundColor({ color: [122, 186, 122, 255] });
            chrome.browserAction.setIcon({path: 'up.png'});
            chrome.browserAction.setBadgeText({text: '' + data.online});
        } else {
            chrome.browserAction.setIcon({path: 'down.png'});
            chrome.browserAction.setBadgeText({text: 'OFF' });
            hrome.browserAction.setBadgeBackgroundColor({ color: [255, 0, 0, 255] });
        }
    });

    timer = setTimeout(checkState, 1000*60);
}

chrome.extension.onMessage.addListener(function (request, sender, sendResponse) {
    switch (true) {
        case request.restart:
        timer = null;
        loadExtension();
        break;
    }
    return true;
});

$(document).ready(function() {
    loadExtension();
});