post header image for New Tab Chrome Experiments - A new Chrome Extension

New Tab Chrome Experiments - A new Chrome Extension

27th June 2016
chrome
css
extension
html
javascript
programming
typescript

I really enjoy making Chrome Extension, I love how fast it is to go from idea to implementation then availability on the store.

My latest extension is called "New Tab Chrome Experiments" was only conceived of on Sunday evening. I then spent yesterday coding it up and now its up and available todownload on the store.

As the name implies its an extension that replaces the "New Tab" page in chrome. I have always been a fan of the ChromeExperiments.com website and thought wouldnt it be cool if you could view one of those experiments each time a new tab is opened.

screenshot02screenshot02

The extension works by first downloading the entire catalog of Chrome Experiments from the site. At first I thought I was going to have to scrape but then I went digging through the network traffic of ChromeExperiments.com and found that they are using an un-published but nice API: "https://chromeexperiments-dat.appspot.com/_ah/api/experiments/v1/experiments".

screenshot01screenshot01

With that data I could then randomly pick one experiment and load its URL in an iFrame each time a new tab is opened. I also present a little info box on the left hand side which tells you about what experiment you are looking at and provides a link to its page and its author.

screenshot03screenshot03

I wrote the whole thing in Typescript using React and various other libs. I open-sourced it incase you were interested: https://github.com/mikecann/new-tab-chrome-experiments

You can download the extension from the Chrome Webstore here: https://chrome.google.com/webstore/detail/new-tab-chrome-experiment/ooopblodejpcihjoaepffbkkhfeeofhp

Anyways it was a fun little experiment, I hope people enjoy it as much as I do!

SUBSCRIBE TO FUTURE POSTS

COMMENT