javascript - 在 chrome 扩展上下文菜单中获取选择 DOM

Question

我尝试通过 Chrome 扩展程序中的 ContextMenu 获取我选择的 DOM。

代码:

chrome.contextMenus.onClicked.addListener(function(info, tab){
  // the info.selectionText just the text, don not contains html.
});

chrome.contextMenus.create({
  title: "Demo",
  contexts: ["selection"],
  id: "demo"
});

但是 info.selectionText 不包含 HTML DOM。有没有办法在 Chrome 扩展上下文菜单中获取选择 dom？。请建议。谢谢。

Answer 1

要访问选择，您需要注入(inject) content script进入页面。

在那里，您可以调用 getSelection() 来获取 Selection object并使用其中的范围来提取您需要的 DOM。

// "activeTab" permission is sufficient for this:
chrome.contextMenus.onClicked.addListener(function(info, tab){
  chrome.tabs.executeScript(tab.id, {file: "getDOM.js"})
});

getDOM.js:

var selection = document.getSelection();
// extract the information you need
// if needed, return it to the main script with messaging

您可能想看看 Messaging docs .