Firefox/Firebug extension creator wizard

April 26th, 2008. Tagged: firebug, firefox, tools

puzzle.png

Always wanted to create a Firefox extension? Or a Firebug extension? Here's an easy way to take off the ground, no more excuses.

Firefox Extensions

The way most people get started with creating a Firefox extension is copying an existing extension and tweaking. This is not the best way as you can guess, the best way is to read documentation (where exists), but who cares about reading documentation. It's a fact that there are specific predefined files, directories and conventions you need to follow in order to get started with even the simplest "Hello World". Well, with my new tool, this is taken care of, so you can literally turn any piece of JavaScript (a bookmarklet for example) into a browser extension. Not bad, eh?

The tool

The tool is located at http://tools.w3clubs.com/ext/

It's basically just a simple form you fill out with your name, URL, extension name, etc, then a working extension is generated for you. You then install your own extension and just start modifying it. So your new extension is ready in under a minute.

Firebug extensions

I did this tool a while ago for personal needs and it has been working for me with no worries. Today before making it public, I thought of adding the option to generate Firebug extensions too. You knew Firebug is extensible and you can add new tabs, right? Yahoo!'s YSlow is an example of a Firebug extension.

I followed Honza's Firebug tutorials part I and II and it worked beautifully. Honza is a Firebug contributor and these tutorials are excellently written and highly recommended, even if you use my tool to generate the code, it's still a good idea to know why things are what/where they are.

So there you go, same tool for creating both Firefox and Firebug extensions.

Have fun with the tool, but be aware that writing extensions is addictive, don't say I didn't warn you. As always, any feedback is appreciated.

Tell your friends about this post: Facebook, Twitter, Google+

19 Responses

  1. Oh yes, you can easily get addicted :D
    i’m not programming clasic firefox extensions, but simple extensions for Grease Monkey, wich you can simply write in JavaScript. The only problem is that they are in the range of document, so you can’t actualy add some button to firefox, but you can change web page content. This can be very useful for page mods, for example I moded Travian game with this ;)

    sorry for my bad english, I am Slovenian and I can’t speak english very well ;)

  2. Cool service! I am already dependant ;-)
    Honza

  3. Hey, that doesn’t work in FF3 !

  4. Oops, my bad – it works. However, it has a bug: if I type letters Č Ž Š or č ž š (slovenian letters) in author name it doesn’t work.

  5. Thanks Bostjan, I’ll look into this, I guess I have to convert the special chars to entities.

  6. thanks for this useful information.
    I’ll start create my extensions :D

  7. probably a problem with the charset. It didn’t work either the first time, with strange error messages like “unable to install because install-b7h..rdf doesn’t exist”

    I removed all é,à, and è from the form fields and it worked fine

    thanks

  8. [...] Firefox and Firebug Extension Creation [...]

  9. Super cool ! Super cool !

  10. [...] your own : http://www.phpied.com/firefox-firebug-extension-creator-wizard/ Working code : http://bit.ly/HelloWorldFirebug or [...]

  11. Really good work dude.. It was very much helpfull
    Thank You very much

  12. Too bad it doesn’t allow me to install it on version 7. Any updates planned for this fun piece of work?

  13. not compatible on FF 10

  14. i need ur help to build my own extension builder in java language. Is it possible to build, if it then what are the basic things i need to do.

  15. Love your site. Thank you for doing such a good job. I will check to your site to read more and recommend my people about your site.

  16. hi ,like Ranjan
    i need ur help to build my own extension builder in java language. Is it possible to build, if it then what are the basic things i need to do.

  17. Good day! This is my first visit to your blog! We are a team of volunteers
    and starting a new project in a community in the same niche.
    Your blog provided us useful information to work on.
    You have done a wonderful job!

  18. Did not get !!!!!!!

  19. We are a bunch of volunteers and opening a brand new scheme in our community.
    Your web site provided us with valuable information to work on.

    You have performed a formidable activity and our entire group shall be grateful to you.

Leave a Reply