how to create a todolist chrome etension

Chrome allows us to load up a plugin by pointing it at a folder that contains the extension files.Īll Chrome extensions require a manifest file. Let’s start by creating a new directory that we’ll call “GTmetrix Extension.” We’ll put all the files we need for our extension in this new folder. The first thing we need to do is create the project and all the files we need for our extension. If you are interested in learning more about Chrome extensions in general, check out Chrome’s extensions documentation. But for this tutorial we are going to keep things simple. This kind of extension puts a button in the Chrome toolbar that will show an HTML page when clicked and optionally execute some JavaScript.Ĭhrome extensions can also be created to work only on certain pages through the use of Page Actions, they can run code in the background using Background Pages, and they can even modify an existing page loaded in the browser using Content Scripts. In this tutorial, I’m going to show you how to create a basic Chrome extension called a Browser Action extension. An extension is basically just a web page that is hosted within Chrome and can access some additional APIs. Before we get started building our extension, it’s probably a good idea to have a basic understanding of what a Chrome extension is and how Chrome extensions work.Īt a very basic level, a 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 create a todolist chrome etension