chrome.tabs.update和chrome.tabs.executeScript的chrome.tabs问题

Question

我想写一个小的chrome扩展，它将从网页A (当前网页)获取信息，将标签更新为网页B，然后将代码注入网页B。不幸的是，以下代码将网页更新为B，但将代码注入网页A。background.html中的代码是：

chrome.tabs.update(tab.id,{url: "http://B.com"});
chrome.tabs.executeScript(tab.id, {file: "inject_into_B.com.js"}); /* injections goes misleadingly to webpage A*/

Answer 1

你想要这样的东西：

chrome.tabs.update(tab.id, {url: request.url, active: true}, function(tab1) {

    // add listener so callback executes only if page loaded. otherwise calls instantly
    var listener = function(tabId, changeInfo, tab) {

        if (tabId == tab1.id && changeInfo.status === 'complete') {
            // remove listener, so only run once
            chrome.tabs.onUpdated.removeListener(listener);
            // do stuff
        }
    }
    chrome.tabs.onUpdated.addListener(listener);
});

Answer 2

chrome.tabs.update是异步调用(就像几乎所有其他调用一样)，所以如果您想按顺序运行这些命令，则需要使用回调函数：

chrome.tabs.update(tab.id,{url: "http://B.com"}, function(tab) {
    chrome.tabs.executeScript(tab.id, {file: "inject_into_B.com.js"});
});