d2296fac85
Updates a nunber of dependencies in a single PR. These were suggested by dependabot but updating them individually would mean the reposistory would be in a broken state until everything had merged. I'm not personally a huge fan of lowercasing doctype, but Prettier has taken an opinionated stance here and there is not a way to disable it: https://github.com/prettier/prettier/issues/15096 |
||
|---|---|---|
| .. | ||
| images | ||
| README.md | ||
| content-script.js | ||
| manifest.json | ||
| page.html | ||
| script.js | ||
| service-worker.js | ||
| sidepanel-global.html | ||
| sidepanel-tab.html | ||
README.md
Opening the side panel through a user interaction
This example demonstrates using chrome.sidePanel.open() to open a global side panel through a context menu click and a tab-specific side panel by clicking a button in an extension page or a button click injected by a content script. This feature will be available starting Chrome 116.
Running this extension
- Clone this repository.
- Load this directory in Chrome as an unpacked extension.
Test with a context menu
- Navigate to any page, like example.com.
- Right-click on any word.
- Choose the context menu "Open side panel".
Test in an extension page
- The extension page will open when you install the extension.
- Click on the "Open side panel" button.
Test by clicking on an injected element
- Navigate to google.com.
- Scroll to the very bottom of the page.
- Click on the "Open side panel" button.