Hacking: 3 easy steps to write your own Chrome extension

I had a need to modify HipChat default web page to fit more channels and present their names in a cleaner way.

  1. In Chrome install TamperMonkey
  2. Click “Add a New Script…” and put this hello world code
  3. Modify “@match https://yourwebsite.com/xyz” to be an address of a website you want to modify. Hit CTRL+S and TamperMonkey will install this script and run next time you reload

 

Links:

  1. http://userscripts.org/ source of scripts to include
  2. My first user script ready to use at HipChat website

See below website’s look before and after the script. Notice how tabs occupy less space, while still maintaining whole channel name without “…”