mirror of
https://github.com/GoogleChrome/chrome-extensions-samples.git
synced 2026-03-27 13:29:34 +07:00
45bbd8d68d
* Update `action` sample * Update `alarms` sample * Update `bookmarks` sample * Update `browsingData` sample * Update `contentSettings` sample * Update `cookies/cookie-clearer` sample * Update `debugger` sample * Update wasm functional sample * Update `functional/cookbook.geolocation-contentscript` sample * Update `cookbook.geolocation-offscreen` sample * Update `cookbook.geolocation-popup` sample * Update `cookbook.offscreen-clipboard-write` sample * Update `cookbook.offscreen-dom` sample * Fix browsingData description * Fix bookmarks description * Update offscreen document descriptions * Update descriptions * Update browsingData description * Update descriptions for all api samples * Update descriptions for cookbook samples * Update api-samples/browsingData/manifest.json Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/action/manifest.json Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/contextMenus/basic/manifest.json Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/cookies/cookie-clearer/manifest.json Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/debugger/manifest.json Co-authored-by: Joe Medley <jmedley@google.com> * Update functional-samples/sample.favicon-cs/manifest.json Co-authored-by: Joe Medley <jmedley@google.com> * Update functional-samples/cookbook.sidepanel-site-specific/manifest.json Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/omnibox/new-tab-search/manifest.json Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/devtools/inspectedWindow/manifest.json Co-authored-by: Joe Medley <jmedley@google.com> * Update api-samples/override/blank_ntp/manifest.json Co-authored-by: Joe Medley <jmedley@google.com> * Apply suggestions from code review Co-authored-by: Joe Medley <jmedley@google.com> * Update wasm samples description * Update description * Update functional-samples/sample.co2meter/manifest.json Co-authored-by: Joe Medley <jmedley@google.com> * Apply suggestions from code review --------- Co-authored-by: Joe Medley <jmedley@google.com> Co-authored-by: Oliver Dunk <oliver@oliverdunk.com>
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.