Firefox/Firebug extension creator wizard

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.

This entry was posted on Saturday, April 26th, 2008 and is filed under firebug, firefox, tools. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.


Get notification for future posts: follow me on Twitter or subscribe to my RSS feed

16 Responses to “Firefox/Firebug extension creator wizard”

  1. Boštjan Says:

    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. Honza Says:

    Cool service! I am already dependant ;-)
    Honza

  3. Boštjan Says:

    Hey, that doesn’t work in FF3 !

  4. Boštjan Says:

    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. Stoyan Says:

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

  6. tantos Says:

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

  7. Raistlin Says:

    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. Online Generator Tools To Make All Kinds Of Stuff | WebChicklet | Just a Geek Girl Says:

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

  9. Kunal Cholera Says:

    Super cool ! Super cool !

  10. Firebug Extension HelloWorld | No Fluff just Stuff ! Says:

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

  11. Thilina Says:

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

  12. Andrei Says:

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

  13. Remi Says:

    not compatible on FF 10

  14. Ranjan Says:

    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. lose weight Says:

    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. sagar chavan Says:

    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.

Leave a Reply