DEV Community

Cover image for Let's Build a Chrome Extension!

Let's Build a Chrome Extension!

John Hotterbeekx on April 06, 2019

Recently I've created my first chrome extension. It's called Catify, and it replaces every image on your page with an image of a cat. Now every cat...
Collapse
 
dimensi0n profile image
Erwan ROUSSEL

Do you need to pay something to publish a chrome extension ?

Collapse
 
jhotterbeekx profile image
John Hotterbeekx

Not any more, there used to be a $5,- fee you had to pay when registering as developer, but it seems that they have removed that.

Collapse
 
baily__case profile image
Baily Case

Huh, really? When did this come into effect? When I published my extension 'Save for Later', a couple weeks ago, I still had to pay the 5$.

Thread Thread
 
jhotterbeekx profile image
John Hotterbeekx

Not sure, I paid as well when I published Catify. But in preparing this article I used a new Google account and I didn't have to pay for anything. So my guess is that it changed somewhere in the last few weeks.

Thread Thread
 
dimensi0n profile image
Erwan ROUSSEL

Thanks for your explanation ๐Ÿ™

Collapse
 
dimensi0n profile image
Erwan ROUSSEL

Thanks ๐Ÿ™

Collapse
 
levivm profile image
Levi Velรกzquez

No, you don't need to pay.

Collapse
 
dimensi0n profile image
Erwan ROUSSEL

Thanks ๐Ÿ™

Collapse
 
iamvp7 profile image
Viswaprasath

Just sharing my related work. Few days back along with Mozilla Contributors authored a book on WebExtension Development. If developers are developing for Chrome its easy to migrate to other browsers too.

If interested check out my book on leanpub

Collapse
 
ianrathbone profile image
Ian Rathbone

I've always been intrigued and wanted to try making my own extension so thanks this is really useful!

Remember listening to an interesting problem Troy Hunt found once with a chrome addon (troyhunt.com/add-ons-extensions-an...)

That led to a wider discussion on what could happen when someone sells their chrome addon to another business, and they alter it under the hood to do something completely different!

Collapse
 
sauloco profile image
Saulo Vargas

Any of you know how to listen for events in the current tab document and react to them in the extension?
Kind of what vue-devtools does.

Collapse
 
jhotterbeekx profile image
John Hotterbeekx

I think what you want can be achieved with a content script. This allows you to access events on the page. The documentation can be found at developer.chrome.com/extensions/co...

Collapse
 
sauloco profile image
Saulo Vargas

Thanks looks very promising!

Collapse
 
joeberetta profile image
Joe Beretta

Thanks for good tutorial, some days ago thought to create night mode for sites, think it would be good start point for this

Collapse
 
vokespeaks profile image
Voke Efe

Thank you so much for this, I've really been looking forward to creating a browser extension and now I finally did. Thanks once again.

Collapse
 
attacomsian profile image
Atta

I have to admit, never thought it would be so easy to build and deploy a chrome extension. You made it super simple by explaining everything step-by-step.

Thanks a lot ๐Ÿ™Œ

Collapse
 
roshanadh profile image
Roshan Adhikari

Thank you for this! Was looking for a short but detailed article like this a while back and didn't know where to start. This is great!

Collapse
 
fergarram profile image
Fernando Garcia

Nice! This quick read made me realize how simple it is to create extensions for Chrome ๐Ÿ˜Ž