Basic Browser Extension

This project contains a basic, working browser extension for Google Chrome. Follow this readme to:

• Get the code
• Load the extension in your browser
• Make some minor changes
• Re-load the extension with your changes

Requirements

• git
• Google Chrome

Get the Code

Download the code for this project by using git clone:

git clone https://github.com/Learn-by-doing/basic-browser-extension.git

Load the Extension in Chrome

• Open the chrome://extensions page in your browser. You should see a list of all the extensions that you have installed.
• Check the "Developer mode" checkbox in the top right corner.
• Click the "Load unpacked extension..." button in the top left corner.
• Select the basic-browser-extension directory.

If the extension is valid, it will be loaded up and active immediately. If it is invalid, an error message will be shown at the top of the page. If that happens, fix the error and click "Retry".

Make a Change

Open the project folder in your preferred text editor and make some changes to the extension. When you're ready to try out your changes, re-load the extension from the chrome://extensions page.

Reference Links

• Getting started guide