Files
Rishi Kumar Tiwari 40e9576a29 Added README Files For Tutorials (#1371)
* tutorials redme

* update 404 URLs

* tutorials redme

* readme files

* readme

* readme

* Update functional-samples/tutorial.getting-started/README.md

Co-authored-by: Oliver Dunk <oliver@oliverdunk.com>

* url change not required

* Update functional-samples/tutorial.tabs-manager/README.md

Co-authored-by: Oliver Dunk <oliver@oliverdunk.com>

* Update README.md

* Update functional-samples/tutorial.tabs-manager/README.md

Co-authored-by: Oliver Dunk <oliver@oliverdunk.com>

* Update functional-samples/tutorial.hello-world/README.md

Co-authored-by: Oliver Dunk <oliver@oliverdunk.com>

* Update functional-samples/tutorial.getting-started/README.md

Co-authored-by: Oliver Dunk <oliver@oliverdunk.com>

* Update functional-samples/tutorial.hello-world/README.md

Co-authored-by: Oliver Dunk <oliver@oliverdunk.com>

* Update functional-samples/tutorial.getting-started/README.md

Co-authored-by: Oliver Dunk <oliver@oliverdunk.com>

* Update functional-samples/tutorial.getting-started/README.md

Co-authored-by: Oliver Dunk <oliver@oliverdunk.com>

* Update functional-samples/tutorial.getting-started/README.md

Co-authored-by: Oliver Dunk <oliver@oliverdunk.com>

* foxed typo for tabGroups

* Fixed typo for tabGroups

---------

Co-authored-by: Oliver Dunk <oliver@oliverdunk.com>
2025-01-13 10:15:28 +00:00

1.1 KiB

Getting Started With Google Chrome Extensions

This is an extension used in the Debug extensions tutorial. It changes the HTML body background color of the active tab. The purpose of this extension is to demonstrate how to create a simple Chrome Extension that uses the default_popup, options_page and service_worker manifest keys and storage and tabs APIs.

Running This Extension

  1. Clone this repository.
  2. Load this directory in Chrome as an unpacked extension.
  3. Go to https://developer.chrome.com/docs/extensions/get-started/tutorial/debug or any web page.
  4. Click the extension icon in the Chrome toolbar, then click the three dots next to the "Getting Started Example" extension and select "Options".
  5. On the Options page, choose a color.
  6. Afterward, click the extension icon again, and the page's background color will change when you click the button in the extension popup.