Chrome 扩展和选择文本。如何创建一个选项卡并重复更新同一选项卡

Question

google-chrome-extension

我遇到了问题我正在尝试扩展 建造。

问题是，我希望允许用户在某个选项卡中突出显示某个单词，并通过调用翻译器网页在另一个窗口中获取该单词的翻译。

到目前为止，我所拥有的和工作的部分大致如下：

我创建了一个上下文菜单项，用户选择该项目来获取翻译，调用翻译函数。

chrome.contextMenus.create({
    title: 'Translate',
    contexts: [context],
    onclick: translate
}); 

在翻译功能中，我创建窗口并发送所选单词。

chrome.windows.create({
    url: 'http://www.TranslatingPage.com/index.asp?Translateword=' + info.selectionText
});

问题是：如何更新新创建的窗口？例如，如果我想翻译另一个单词。

我是否获取所有窗口或选项卡并检查 url 部分是否包含该值

'http://www.TranslateExamplePage.com/index.asp?Translateword='

，还是更新 LastFocused 选项卡？

任何想法都非常感激。 此致 哈尔

Answer 1

您可以将选项卡的 tabId 存储在您创建的新窗口中，以便于访问。

chrome.windows.create() 将 Window 对象传递给回调函数。除此之外，该对象还包含一个选项卡数组。由于您刚刚创建了此窗口，因此它只有一个选项卡。因此：

var theTab;
chrome.windows.create({ url: 'http://www.TranslatingPage.com/index.asp?Translateword=' + info.selectionText }, function(window) {
    theTab = window.tabs[0]
});

当您想要再次修改此标签时，请使用 chrome。 tabs.update()：

chrome.tabs.update(theTab, { url: 'http://www.TranslatingPage.com/index.asp?Translateword=' + info.selectionText });