How to Create Chrome Extensions

Step by step tutorial on how to build your custom google chrome extension.

What are extensions? ⚙️

Extensions are small software programs that customize the browsing experience. They enable users to tailor Chrome functionality and behavior to individual preferences. They are built on web technologies such as HTML, JS, and CSS.

An extension must fulfil a single purpose that is narrowly defined and easy to understand. A single extension can include multiple components and a range of functionality, as long as everything contributes towards a common purpose.

Here are some example extensions, that are not currently present on Chrome and are not downloadable within the Extension Store, but can be added with a little bit of tinkering:

- A browser action which changes its icon when clicked: SOURCE
- A browser action with a popup that changes the page color: SOURCE
- A browser action with no icon that makes the page red: SOURCE
- Returns accept languages of the browser: SOURCE
- Extension adds an animated browser action to the toolbar: SOURCE
- Block/allow third-party cookies API example extension: SOURCE

Usually, Chrome users just download their commonly needed extensions from the Extension Store, but some extensions are outdated and none functional.