在Chrome中有更多选项的上下文菜单

Question

目前我已经有一个上下文菜单设置，当右键单击突出显示的文本时触发，但我想使菜单更多一些，菜单更多。

我想要什么基本上是什么LastPass的在这里有：

当你右键点击主菜单中的选项，以及更多的选择将会弹出。

我该怎么做？ 我当前的代码是下面

var contextMenuItem = { 
 
    "id": "123", 
 
    "title": "Title", 
 
    "contexts": ["selection"] 
 
} 
 

 
chrome.contextMenus.create(contextMenuItem); 
 

 
chrome.contextMenus.onClicked.addListener(onClickHandler); 
 
function onClickHandler(info, tab) { 
 
    console.log(info.selectionText); 
 
};

Answer 1

1. 获得的权限在manifest.json

 

    { 
     ..., 
     "permissions": [ 
      "contextMenus" 
     ] 
    } 

chrome.contentMenus.create FUNC

 

    chrome.contextMenus.create({ 
     type: "checkbox", 
     id: "google_page_translate_demo_0x00", 
     title: "Google Page Translate 0x00", 
     checked: false, 
     contexts: ["all"] 
    }, function(){console.log('0x00 done')} 
    ) 
    chrome.contextMenus.create({ 
     type: "normal", 
     id: "google_page_translate_demo_0x01", 
     title: "Google Page Translate 0x01", 
     checked: false, 
     contexts: ["all"] 
    }, function(){console.log('0x01 done')} 
    ) 
    chrome.contextMenus.create({ 
     type: "radio", 
     id: "google_page_translate_demo_0x02", 
     title: "Google Page Translate 0x02", 
     checked: true, 
     contexts: ["all"] 
    }, function(){console.log('0x02 done')} 
    ) 
    chrome.contextMenus.create({ 
     type: "separator", 
     id: "google_page_translate_demo_0x03", 
     title: "Google Page Translate 0x03", 
     checked: true, 
     contexts: ["all"] 
    }, function(){console.log('0x03 done')} 
    ) 
    chrome.contextMenus.create({ 
     type: "normal", 
     id: "google_page_translate_demo_0x04", 
     title: "Google Page Translate 0x04", 
     checked: true, 
     parentId: "google_page_translate_demo_0x01", 
     contexts: ["all"] 
    }, function(){console.log('0x04 done')} 
    ) 

    chrome.contextMenus.onClicked.addListener(onClickHandler); 
    function onClickHandler(o, t) { 
     console.log(o); 
     console.log(t); 
    }; 

完成