How to Add Unpacked Chrome Extension

Hello World,


 Here we will learn about adding an unpacked chrome extension.
So let's know first, what is "Unpacked Chrome Extension" and "Packed Chrome Extension"?

 1-Unpacked Chrome Extension: A source/codebase with the directory structure for chrome extension, is known as an Unpacked Chrome extension.

 2-Packed Chrome Extension: A file having extension "crx" with it is known as a packed chrome extension.

 For Example: 
MyChromeExtension.crx is a packed chrome extension, whereas all the codebase with directory structure is an unpacked chrome extension.

 Okay, 
So why we do packing of extension ?. Well, its very simple, for easiness to its users. Just like as we do create "jar" file (container for the bunch of classes) which could be easily used.
packing converts all codebase(which may include several files) into a single unit, and it makes it handy.

 So let's start with #HOW_TO_ADD_UNPACKED_CHROME_EXTENSION...

 You have to just follow these 3 Steps:
1- Open Menu Option of your Chrome browser (":" Button on top right corner) and select for the Extension as shown in the picture.
Menu > More Tools > Extensions


2- Click on the "Load Unpack Extension" button (top left corner), and a "browse for folder" window will appear, just select the root folder of your Extension (Extension Codebase folder)

 

3- Click on "Okay" button of the "browse for the folder", and if your codebase has a correct structure (according to the chrome), then you will see your extension at the top on the list.

That was it.
I hope you have learned something from this article.
Thanks for the reading.

Do comment if you want to know more about this or development of a chrome extension.

Comments

Post a Comment

Popular posts from this blog

Print emojis using python (😀, 👍, ...)

Image
Hello World, Everyone of us usage the emojis at some point, because its quiet expressive. and when you are a programmer then it becomes more curious to print emoji characters out. I thought of printing emojis out for the logs , most of the time when I used to print the logs specially for the errors or exception message then I always try to express the message with more expression .  Well, you can print emojis using python as well. For that we can follow one of the following things: 1- Unicodes 2- Library 1- Unicodes: There are unicodes for every single character that is going to be printed out and that's why there are unicodes for the emojis too. For example : Unicode for thumbs up is "U+1F44D" which in python is going be be as "U0001F44D". As you have noticed that we are replacing "+" with "000", and not only that we also append "\" in front of this unicode while printing. So finally the thumb up emoji can be printed with : print(...
Read more

Scraping with Python

Hello World, There is more information on the Internet than any human can absorb in a lifetime. What you need is not access to that information, but a scalable way to collect, organize, and analyze it.  Then, You need web scraping.   So let's discuss this scrapping thing. Now, the Scrap Means: to take out something from somewhere and If we add 'web' to it, then it means to take out something from the web resources.  Web scraping automatically extracts data and presents it in a format you can easily make sense of. In this tutorial, we’ll focus on its applications in the webpage data extraction, but web scraping can be used in a wide variety of situations. Roadmap for this blog: - Setup with the tools and library - Basic of the HTML DOM - Scrapping Rule - Coding part Pre-Requisite: - A basic understanding of programming concept in python ---------------------------------------------------------- Getting Started with the tool...
Read more

Html Status Code

Basic Html Status Code Types          1- 1XX [Informational]  2- 2XX [Success]  3- 3XX [Redirect]       4- 4XX [Client Error]        5- 5XX [Server Error] ----------------------------------------------------------------------------------------------------------------------- 1xx Informational a- 100 Continue b- 101 Switching Protocols c- 102 Processing 2xx Success This class of status codes indicates the action requested by the client was received, understood, accepted and processed successfully. 200 OK 201 Created 202 Accepted 203 Non-Authoritative Information (since HTTP/1.1) 204 No Content 205 Reset Content 206 Partial Content 207 Multi-Status (WebDAV; RFC 4918) 208 Already Reported (WebDAV; RFC 5842) 226 IM Used (RFC 3229) 3xx Redirection This class of status code indicates the client must take additional action to complete the request. Many of these status codes are use...
Read more