Question

我希望能够为我的右键单击扩展添加多个选项。我目前有一个，它应该工作，但我复制了一个简单的教程，需要更多的指导。谢谢你的帮助。

// Set up context menu at install time.
chrome.runtime.onInstalled.addListener(function() {
  var context = "selection";
  var title = "Search on blah blah";
  var id = chrome.contextMenus.create({"title": title, "contexts":[context],
                                         "id": "context" + context});  
});

// add click event
chrome.contextMenus.onClicked.addListener(onClickHandler);

// The onClicked callback function.
function onClickHandler(info, tab) {
  var sText = info.selectionText;
  var url = "https://www.google.com/search?q=" + encodeURIComponent(sText);  
  window.open(url, '_blank');
};

Answer 1

看看chrome.contextMenus.create，您可以通过设置parentId

来创建子上下文菜单项（层次分支）

// Set up context menu at install time.
chrome.runtime.onInstalled.addListener(function() {
  var context = "selection";
  var title = "Search on blah blah";
  var id = chrome.contextMenus.create({"title": title, "contexts":[context],
                                     "id": "context" + context});  
  var child1_id = chrome.contextMenus.create({"title": "child1", "parentId": id, "contexts":[context],
                                     "id": "child1_id"}); 
  var child2_id = chrome.contextMenus.create({"title": "child2", "parentId": id, "contexts":[context],
                                     "id": "child2_id"}); 

});

// add click event
chrome.contextMenus.onClicked.addListener(onClickHandler);

// The onClicked callback function.
function onClickHandler(info, tab) {
  var sText = info.selectionText;
  var url = "https://www.google.com/search?q=" + encodeURIComponent(sText);  
  window.open(url, '_blank');
};

Google Chrome扩展程序：如何使用层次结构分支创建右键单击扩展程序？

1 个答案: