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. What is a Chrome Extension?īefore 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. I checked the Chrome Web Store and there wasn’t an extension that performed this action, so that’s exactly what we are going to build today. Well, wouldn’t it be nice if there was a Chrome extension that allowed you to use GTmetrix to check the site speed of whatever site you happened to be browsing, just by clicking a button? I’ll often check other sites that I’m on as well, so I can see how they compare. I’m pretty obsessed about the speed of my website,, so I often utilize sites like GTmetrix to check my site speed, just to make sure it isn’t slowing down. In this tutorial I am going to show you how to create a basic Chrome extension in about 5 minutes-no joke! What we are going to build It seems like there is a Chrome plugin for just about everything you could ever possibly want.īut, have you ever wanted to create your own Chrome extension? Have you ever wondered how difficult the process would be or what it would entail? Well, it turns out it is super easy-probably a lot easier than you ever imagined. One of my favorite things about the Chrome web browser is how extensible it is.
For more on working with Chrome extensions, watch our video tutorial Interacting with Browser Content From Your Chrome Extension.
0 kommentar(er)
