mirror of
https://github.com/mdn/webextensions-examples.git
synced 2026-04-21 00:32:48 +02:00
wbamberg
32 lines
1.2 KiB
Markdown
32 lines
1.2 KiB
Markdown
# context-menu-demo
|
|
|
|
A demo of the [contextMenus API](https://developer.mozilla.org/en-US/Add-ons/WebExtensions/API/contextMenus/).
|
|
|
|
**This add-on injects JavaScript into web pages. The `addons.mozilla.org` domain disallows this operation, so this add-on will not work properly when it's run on pages in the `addons.mozilla.org` domain.**
|
|
|
|
## What it does
|
|
|
|
This add-on adds several items to the browser's context menu:
|
|
|
|
* one shown when there is a selection in the page, that logs the selected text
|
|
to the browser console when clicked.
|
|
* one shown in all contexts, that is removed when clicked.
|
|
* two "radio" items that are shown in all contexts.
|
|
These items are grouped using a separator item on each side.
|
|
One radio item adds a blue border to the page, the other adds a green border.
|
|
Note that these buttons only work on normal web pages, not special pages
|
|
like about:debugging.
|
|
* one "checkbox" item, shown in all contexts, whose title is updated when the
|
|
item is clicked.
|
|
|
|
## What it shows
|
|
|
|
* How to create various types of context menu item:
|
|
* normal
|
|
* radio
|
|
* separator
|
|
* checkbox
|
|
* How to use contexts to control when an item appears.
|
|
* How to update an item's properties.
|
|
* How to remove an item.
|