Looking for good Firefox/Chrome browser extension tutorials
Hi,
I want to create a browser extension for Firefox and Chrome. I am currently looking for tutorials on this topic. Are there any other good tutorials other than the ones from MDN? Or links to open source extensions that have a small/medium code that I can use as a reference on how to structure, best practices, etc. for real world extensions.
If you are working in Typescript, this is a great starting point:
https://github.com/chibat/chrome-extension-typescript-starter
I use it to make tailored-notion.com and the boilerplate code is super helpful.
The rest is ordinary TS/JS/CSS/HTML.
Thanks yes, I am also working in Typescript.
I haven't seen something of the sort, but then I haven't had the need to search for a tutorial for ages, that said, Goog has documentation with samples here: https://github.com/GoogleChrome/chrome-extensions-samples
Damn, didn't know they updated their tutorials. And its quite recent too.
Yeah, there was a documentation site refresh for the mv3 announcement and release. The entire docs site received a new set of paint and these samples were updated as well.
That's great, I also found examples for/by Firefox/Mozilla.
I've uploaded a series on Chrome Extensions recently to my YouTube channel – Might be useful & planning to add more each week. If there is anything in particular you'd like on there just let me know. Tying to cover as many topics as possible :)
https://www.youtube.com/channel/UC-h4Q0_5zTX66AxJucRmxRQ
One thing I would find interesting would be an overview over the permissions, so when do I need each of these permissions.
Got a video coming soon covering the manifest file and permissions 👍
When publishing for most extra permissions used now you have to enter a description of why it’s needed.
Really cool, will be watching it when its online +1
Nice, I'll take a look +1
I agree there isn't a lot of good content out there for extension developers. That being said, is there anything in particular you're stuck at?
Btw when I was building my product(extension part), I would open up extensions installed on my Chrome browser and checkout their code and try to figure out how they work.
Currently I am not stuck, but I just set up the extensions, so we will see :D
I loved this tutorial to make a really simple extension to start: https://9to5google.com/2015/06/14/how-to-make-a-chrome-extensions/
I created a chrome extension, https://github.com/richardroy/delay/
Might not be the easiest / clearest example to follow but another option to look at