Menu contextuel avec plus d'options dans Chrome

Question

Actuellement, j'ai déjà une configuration de menu contextuel qui est déclenchée en cliquant avec le bouton droit sur le texte en surbrillance, mais je voudrais le rendre un peu plus avancé avec plus d'options pour le menu.

Ce que je suis désireux est fondamentalement ce que LastPass a ici:

Si vous faites un clic droit l'option du menu principal, et plus d'options pop up.

Comment est-ce que je peux faire ceci? Mon code actuel est inférieur

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. obtenir les autorisations dans manifest.json

 

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

2. 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); 
    }; 

3. fait