Google chrome 为GET查询编写googlechrome扩展

我正在尝试编写一个Google chrome扩展，这样我就可以突出显示出现在任何网站上的文本，并在另一个网站上执行GET查询搜索。它将在“新建”选项卡中打开查询

例如，如果我突出显示文本“google chrome”，然后右键单击以激活chrome扩展，它将在新选项卡中打开

---

执行此操作的最佳方法是什么？

如果只想打开一个新选项卡，可以使用URL参数。要获取所选文本，请捕获一个

mouseup

事件，并使用

window.getSelection（）

获取所选文本要从您访问的选项卡获取所选文本，您需要使用

例如，让我们做一个简单的谷歌搜索扩展，在您的内容脚本中，您将有如下内容：

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
    if (request.method == "getSelection")
      sendResponse({data: window.getSelection().toString()});
    else
      sendResponse({}); // snub them.
});

现在假设您希望在单击中的时发生这种情况，则需要侦听onclick事件

chrome.browserAction.onClicked.addListener(function(tab) {
  chrome.tabs.sendRequest(tab.id, {method: "getSelection"}, function(response) {
    var selectedText = response.data;
    chrome.tabs.create({url: 'http://google.com?q=' + selectedText});
  });
});

您会注意到，一旦单击图标（浏览器操作），它将向内容脚本发送请求，并且一旦内容脚本接收到该操作，它将将所选文本作为其有效负载发送回。然后，您可以根据所选内容打开一个选项卡到谷歌搜索结果