DEV Community

Areeb ur Rub
Areeb ur Rub

Posted on

1

Typical issue I'm having making a 'Chrome-extension'

Today I decided to make a Chrome-extension and the typical issue I was having are:

First-The Size

I first created the manifest.json as it described in the Chrome Dev Docs, and then created a file Popup.html and some css and js file also I worked on the extension as a usual website on my browser to avoid again and again reloading the extension but when I loaded it using chrome dev tools the size of every element in the extension block was shrinked .
So tell me why this happening

Second - External Libraries

As I said earlier I was firstly using my browser to do all the stuffs, so I used the font-awesome library but it isn't working in the extension. I Searched about this on Google and found that it's something related to content_security_policy and I have to mention the site in manifest.json.
So, what is content_security_policy and would I have to mention it for each and every external scripts.

Third - How to Search ?

This Problem is the only one which made me write this post.
I mean, How do I search on Google for problem related to Chrome Extension whatever I search it shows me results from chrome webstore for different extension after that it shows blogs suggesting different types of related extension.
No matter what I search it shows me extensions only.

I am new to extension building

Please give me some useful suggestions or say tips that I should do.


Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (1)

Collapse
 
dochan profile image
Farhan Yahya

Hey man, what you need is extension-cli

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay