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

时间:2017-09-04 03:12:51

标签: javascript google-chrome-extension

目前我已经有一个上下文菜单设置,当右键单击突出显示的文本时会触发,但我想通过更多菜单选项使其更高级。

我想要的基本上就是LastPass在这里:

here

右键单击主菜单选项,会弹出更多选项。

我该怎么做? 我目前的代码在

之下



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




1 个答案:

答案 0 :(得分:1)

  1. 获取manifest.json
  2. 中的权限
    
        {
            ...,
            "permissions": [
              "contextMenus"
            ]
        }
    
    1. chrome.contentMenus.create func
    2. 
          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);
          };
      
      
      1. 完成 enter image description here