javascript - 我可以在 chrome 扩展中找到带有选定文本的标签吗？

Question

如果我在上下文菜单中添加了一个项目：

chrome.contextMenus.create({
"title" : chrome.i18n.getMessage("right_click") ,
"type" : "normal",
"contexts" : ["selection"],
"onclick" : my_function() // returns a callback function
});

如何获取带有所选内容的标签。innerHTML（我猜这个选择是它的一部分）

编辑： my_function是一个工厂函数：它返回一个事件处理程序。

Answer 1

您可以注入内容脚本并要求从脚本中进行选择。

内容.js：

function getSel() {
  //get text
  var sel = window.getSelection().toString();
  //or get parent tag for selection
  //var sel = window.getSelection().getRangeAt(0).commonAncestorContainer;
  if (sel) {
    chrome.extension.sendRequest({
      msg: 'data',
      sel: sel
    });
  };
};

背景.js：

var selText;

function onClickFunction(info, tab) {
  chrome.tabs.executeScript(
    tab.id,
    {code: 'getSel()', allFrames: true},
    function () {
      //do anything with selText
    }
  );
};

chrome.extension.onRequest.addListener(function (request, sender, response) {
  if (request.msg == 'data') {
    selText = request.sel;
  };
};