chrome-extensions-samples/functional-samples/tutorial.quick-api-reference
Pasquale Riello b9df791e76
Fix #1084: quick-api-reference sample (#1099)
* Add README.md

* Fix issue related to website update

Updated CSS selector and tweaked the TIP button

* Update content.js

Keeping newline

* Update CSS styles

Change padding, height and font sizes to make the button style more consistent with the navigation bar

* Update functional-samples/tutorial.quick-api-reference/content.js

* Update functional-samples/tutorial.quick-api-reference/README.md

* Update functional-samples/tutorial.quick-api-reference/README.md

---------

Co-authored-by: Oliver Dunk <oliver@oliverdunk.com>
2024-02-27 14:07:16 +00:00
..
images [New tutorial] Open Chrome API docs (condensed) (#851) 2023-03-22 12:05:35 -05:00
README.md Fix #1084: quick-api-reference sample (#1099) 2024-02-27 14:07:16 +00:00
content.js Fix #1084: quick-api-reference sample (#1099) 2024-02-27 14:07:16 +00:00
manifest.json [New tutorial] Open Chrome API docs (condensed) (#851) 2023-03-22 12:05:35 -05:00
service-worker.js [New tutorial] Open Chrome API docs (condensed) (#851) 2023-03-22 12:05:35 -05:00
sw-omnibox.js [New tutorial] Open Chrome API docs (condensed) (#851) 2023-03-22 12:05:35 -05:00
sw-tips.js [SW-tutorial] Refactor alarms API logic (sw-tips.js) (#865) 2023-03-24 16:40:24 -05:00

README.md

Tutorial: Handling events

This sample demonstrates how to handle events with service workers.

Overview

The extension built allows users to quickly navigate to Chrome API reference pages using the omnibox.

The events from the following APIs have been handled: chrome.runtime, chrome.omnibox and chrome.alarms.

The complete tutorial is available here.

Running this extension

  1. Clone this repository.
  2. Load this directory in Chrome as an unpacked extension.
  3. Type "api" in the omnibox followed by tab or space and select a suggestion.
  4. Click on "Tip" button in the navigation bar.