Add contextmenu items to a Chrome extension’s browser action button

by

It is now possible, AdBlock chrome extensions has it. Below is working example of “context menu in browser action”.

manifest.json:

{
    "name": "Custom context menu in browser action",
    "version": "1",
    "manifest_version": 2,
    "background": {
      "scripts": ["background.js"]
    },
    "browser_action": {
      "default_title": "Some tooltip",
      "default_popup": "popup.html"
    },
    "permissions": [
      "contextMenus"
    ],
    "icons": {
      "16": "icon16.png"
    }
}

background.js:

chrome.contextMenus.removeAll();
chrome.contextMenus.create({
      title: "first",
      contexts: ["browser_action"],
      onclick: function() {
        alert('first');
      }
});

Note that if you use an Event page, you cannot use the onclick attribute; you’ll need to add a listener to chrome.contextMenus.onClicked instead.

More Related Contents:

  1. How to access the webpage DOM rather than the extension page DOM?
  2. How to stop CORB from blocking requests to data resources that respond with CORS headers?
  3. How to change chrome packaged app id Or Why do we need key field in the manifest.json?
  4. Since v38, Chrome extension cannot load from HTTP URLs anymore, workaround?
  5. chrome extension mv3 – Modularize service worker js file
  6. Detect Chrome extension first run / update
  7. Disable developer mode extensions pop up in Chrome
  8. Modifying the built-in newtab page
  9. Start an external application from a Google Chrome Extension?
  10. Chrome Extension Content Script on https://chrome.google.com/webstore/
  11. Chrome Extension: how to capture selected text and send to a web service
  12. Where does Chrome store extensions?
  13. How can I get the current tab URL for chrome extension?
  14. Is it possible to run Google Chrome in headless mode with extensions?
  15. Using ECMAScript 6
  16. Content script matching top-level domains like all google.*
  17. How to download a CRX file from the Chrome web store for a given ID? [closed]
  18. How can I enable my chrome extension in incognito mode?
  19. Insert an image in chrome extension
  20. How to disable (gray out) page action for Chrome extension?
  21. Inject HTML into a page from a content script
  22. chrome.identity User Authentication in a Chrome Extension
  23. Is it possible to inject a javascript code that OVERRIDES the one existing in a DOM? (e.g default alert function)
  24. Cross-origin request in a content script is blocked by CORB despite the correct CORS headers
  25. Disable chrome download multiple files confirmation
  26. How to make a cross-origin request in a content script (currently blocked by CORB despite the correct CORS headers)?
  27. Prevent chrome.notifications API from hiding my notification after a few seconds
  28. Chrome version 18+: How to allow inline scripting with a Content Security Policy?
  29. Run script each time Chrome extension icon clicked
  30. Chrome Console SameSite Cookie Attribute Warning

Leave a Comment