Home

Awesome

Chrome Extension Template

Note:

This template is old – consider using something like https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/functional-samples/tutorial.hello-world or https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/functional-samples

Conceptual Data Flow:

manifest.json

-> structure.html

-> brain.js (and btw also style.css)

-> structure.html and chrome storage (get/set)

Learn more:

https://css-tricks.com/how-to-build-a-chrome-extension

Examples:

https://github.com/hchiam/form-utility-belt

https://github.com/hchiam/in-browser-style-linter

https://github.com/marko-polo-cheno/Habit-Tracker-Extension

Want to create your own Firefox add-on?

Used this template repo as a starting point: https://github.com/hchiam/learning-firefox-extension