DEV Community

Cover image for BYO a #nocode chromium browser extension in 2 steps
Clive Da
Clive Da

Posted on • Updated on

BYO a #nocode chromium browser extension in 2 steps

ok so there is nocode so it doesnt actually do anything BUT at least you get to see an icon in the toolbar which more than i can say for some other examples ive seen recently

https://developer.chrome.com/extensions/getstarted

STEP 1

$ mkdir mychromeext
$ cd mychromeext
$ vi manifest.json
  {
    "name": "Getting Started Example",
    "version": "1.0",
    "description": "Build an Extension!",
    "manifest_version": 2
  }

STEP 2

* run chromium
* browse to chrome://extensions/
* click enable developer mode
* click LOAD UNPACKED 
* nav to ./mychromeext [just the directory manifest file is invisible]
* click open

thats it you now have your very own noddy chromium extension in 2 steps

STEP 3 (optional)
add some code to only enable your chromium extension button when on DEV.TO pages see https://github.com/osde8info/chromium-extension-101/releases/tag/0.0.7

STEP 4 (optional)
cheat and download full prewriten example code for an extension that only enables itself on developer.google.com webpages and then lets you choose a background colour of red,green,yellow or blue

STEP 5 (optional)
try the extension that only gets enabled when on dev.to pages

devto with red bg

Top comments (0)