centersl/chrome-extensions-samples
1
0
Fork 0
mirror of https://github.com/GoogleChrome/chrome-extensions-samples.git synced 2026-03-27 13:29:34 +07:00
Code Issues Packages Projects Releases Wiki Activity
Files
6f2e6164943d95f24116650052ba9d0dc6bb7fb3
chrome-extensions-samples/functional-samples/sample.sidepanel-dictionary
History
amysteamdev 6f2e616494 [SidePanel API] Add sidePanel.open() cookbook (#983) 
* Init commit

* Add sidepanel open cookbook

* Add minimum chrome version

* Add 116 on readme

* Add extension page
Add content script

* Tweak

* Tweak 2

* ¯\_(ツ)_/¯

* Update readme

* Update readme

* Change sample name in Readme

* Bold Chrome 116 for emphasis

* Typo fix
2023-07-18 10:36:40 -06:00
..
images
[SidePanel API] Adds four examples (#890)
2023-05-03 11:19:49 -05:00
manifest.json
[SidePanel API] Add sidePanel.open() cookbook (#983)
2023-07-18 10:36:40 -06:00
README.md
[SidePanel API] Adds four examples (#890)
2023-05-03 11:19:49 -05:00
service-worker.js
[Side Panel API] Add copyright to sidepanel samples (#908)
2023-05-04 11:14:22 -05:00
sidepanel.html
[SidePanel API] Adds four examples (#890)
2023-05-03 11:19:49 -05:00
sidepanel.js
[Side Panel API] Add copyright to sidepanel samples (#908)
2023-05-04 11:14:22 -05:00

README.md

Dictionary Side panel example

This example allows users to right-click on a word and see the definition on the side panel using the Side Panel API.

NOTE: This example only defines the word extensions and popup.

Running this extension

  1. Clone this repository.
  2. Load this directory in Chrome as an unpacked extension.
  3. Open the side panel UI
  4. Choose the "Dictionary side panel".
Dictionary side panel
  1. Go to https://developer.chrome.com/docs/extensions/
  2. Right-click on the "Extensions" word.
  3. Choose the "Define" context menu

You should see the definition on the side panel

Dictionary extension context menu
Reference in New Issue View Git Blame Copy Permalink