18 Feb 2010

Build a google chrome extension using jQuery

Lately I have been following jQuery commits on github . If I look at a commit which fixes a bug then I would like to go and see the bug description. In order to do that I need to type url which would be something like this http://dev.jquery.com/ticket/6084 .

I wrote a chrome extension which would add a link to the bug at the end of commit message.

Install the extension and try it

The extension is available here . After installing the extension visit this page and you should see a link at the end of commit message.

Developing the extension and packaging it

Developing an extension on google chrome is very simple.

  • git clone the source code of my extension or create file structure similar to this
  • Zip the folder contents and create jQueryBugLink.zip
  • Visit chrome.google.com/extensions and click on publish your extensions
  • Upload the zip file and publish your extension

That’s it.