This manifest file will put an icon in the user’s toolbar that, when clicked, loads the contents of the file named “popup.html.” All these files will live inside of a directory with the name of your extension. We’ll need a couple of important files: an icon (“icon.png”), an HTML file (“popup.html”) and the all-important manifest (“manifest.json”). įor this tutorial we will build a basic Chrome extension that displays a simple popup message when clicked.

įor this tutorial we are going to keep things simple.īut, if you are interested in learning more about Google Chrome extensions, check out Chrome’s extensions documentation. You will usually see a UI added to the right of the google chrome’s address bar.

īrowser action : is not specific to a page and is relevant no matter where you are in the browser. You will usually see a UI added in the google chrome’s address bar. Page action : is a chrome extension that is specific to certain pages. They use either page actions or browser actions. An extension is basically just a web page that is hosted within Chrome and can access some additional APIs What can extensions do?Ĭhrome Extensions can do quite a lot. It’s probably a good idea to have a basic understanding of what a Chrome extension is and how Chrome extensions work.Ī Chrome extension is just some HTML, CSS and JavaScript that allows you to add some functionality to Chrome through some of the JavaScript APIs Chrome exposes.

How to make a google chrome extension