Chrome Extensions Development

4 Malicious Chrome Extensions Put 500k Users at Risk of Click Fraud

Do you also feel that you are having a lot of ideas but anyhow you’re unable to finish any of your project implementations because either they are too time consumping or heavy for a beginner?

If so, this is the perfect article for you. You can follow along in publishing your own browser extension in 10 minutes and enjoy the feeling of accomplishment.

So, let’s get started with Paksofto.

What is an extension?

Extensions are one of those many interesting ways to facilitate and enhance your browser experiences by customizing its functionalities. More technically, extensions are small software programs built on web technologies like HTML, CSS, and JavaScript that enable users to tailor browser functionality and behavior to individual needs or preferences.

What are we going to build?

Do you also find it difficult to manage multiple profiles as you need to open each of them independently? In this article, we are going to build a profile launcher to manage and launch all your profiles through a single click.

Getting Started

Create a folder having the following files:

  • icon.png(19x19 pixels) for the icon displayed at the extension bar
  • icon_128.png (128x128 pixels) for the icon displayed at the chrome store beside your extension name
  • Add a logo image(50x50 pixels) under a new folder named ‘images’ for the logo displayed at your extension
  • manifest.json — this file is a mandate for chrome extensions including the name, manifest version ( version 2 is applicable for later compatibilities), browser actions, permissions, etc. This file usually tells the extension of what to do and where to get resources to achieve a particular task.
Image for post
Sample manifest.json file
  • popup.html — this decides the UI interface of how your extension appears ( refer the GitHub code for better understanding)
  • popup.js — if your extension includes any of the processing, it goes here.

These are the minimal requirements for building an extension. Once you are done with the following components, you’re ready to go!

How to publish extensions on chrome?

  1. Open Chrome Browser
  2. Go to three dots in the top right corner -> More Tools -> Extensions
Image for post