|  | 

The Bohemian Boolean

Chrome Extension

img-responsive

I just created my first Chrome extension!

I created an extension for WestTime, an application at our school that help students and faculty with figuring out when the period will end. I used the extension to create a pop-up window that focuses only on the clock as requested from my school librarian to create such a widget.
Google gives some great advice to get started!
Here’s a tutorial to get started: https://developer.chrome.com/extensions/getstarted
and here’s a guide for extra tips needed: https://developer.chrome.com/extensions/devguide.
Google has cataloged all their code very well and Google Script is a derivative of JavaScript, so a basic understanding of JavaScript, variables and functions will help to get started.
Here’s the link to my code and if you want to make a simple popup that links to a website: https://drive.google.com/drive/folders/0B85-gElO3uFYYWF3UDczakp3YVU?usp=sharing.
Unfortunately, Google has not documented their code with lots of examples on how to use different functions and properties and which are applicable to apps only and which to extensions. So, if you are a beginner like me, some great places to look would be: w3schools.com has TONS of examples relating to JavaScript, Google’s sample extensions and app files, Stackexchange.com πŸ˜ƒπŸ˜ƒπŸ˜ƒ and of course, trial and error. 
Pro tip: There is one more tool that I found VERY helpful and an ingenious way to make an extension similar to one already available in the app store that you like or want to borrow a feature from: Chrome Extension Source Viewer. Downloading this extension will allow you to easily find the source code behind already available extensions on the web store, even without downloading them! If you can find what code powers your favorite part of an extension, you can understand how it works and how you can something similar for yourself!
I can give more updates on how to make an extension later, as I plan to continue making more.

Leave a Reply

Categories

%d bloggers like this: