julian lonsdale
I well written guide with examples that are easy to implement and work without changes. I enjoyed it as an entry into this area.
Details
Learn how to build a simple extension for Chrome. For the JavaScript part of the extension, we'll be using Vue.
Description
Browser extensions are small programs that can modify and enhance the functionality of a web browser. They can be used for a variety of tasks, such as blocking ads, managing passwords, organizing tabs, altering the look and behavior of web pages, and much more.
The good news is that browser extensions aren’t difficult to write. They can be created using the web technologies you’re already familiar with—HTML, CSS and JavaScript—just like a regular web page. However, unlike regular web pages, extensions have access to a number of browser-specific APIs, and this is where the fun begins.
In this tutorial, I’m going to show you how to build a simple extension for Chrome, which alters the behavior of the new tab page. For the JavaScript part of the extension, I’ll be using the Vue.js framework, as it will allow us to get up and running quickly and is a lot of fun to work with.
Creator
James Hibbard
James is a regular contributor to SitePoint, most notably on topics around JavaScript. He's also the technical editor for various books (e.g. JavaScript: _Novice to Ninja_ and _Jump Start Vue.js_). He also works for his local university as a network admin / web dev where he spends a fair bit of my time working on Rails apps.
