Request a quote
+1 (214) 295-5997

Welcome to Creative Dok

A simple, safe and secure way to connect with hand-picked designers and developers To get your work done.


How to build some great chrome developer tools? For someone with a minor touch of programming and knowledge, the appropriate response isn’t about trouble.

About This Site add-on (Firefox)

Snap to view all stages running Firefox: The About This Site Bookmarks add-on utilizes page-particular …

Firefox extension is basically Javascript – the not-extremely secretive stuff of bookmarklets and regular old web pages – and a markup dialect called XUL (pronounced “zool.”) To build your own, you’ll require some Javascript know-how, comfort altering XML documents, and a sound interest about bowing your most loved web program to your will.

I began showing myself how to build Firefox extensions utilizing free instructional exercises on the web more than two years prior. While entire books have been composed about making Firefox extensions, today I have a snappy begin rundown of assets for the inquisitive developers out there who need to try it out.

Cautioning and disclaimer: This post isn’t our typical Lifehacker toll – it’s a programming instructional exercise expected for genuine programmers, not simply lifehackers, who need to get their feet wet in Firefox advancement. We’ll return to how-to’s relevant to regular people directly after this.

Set up your advancement environment

First of all: you will build up a Firefox extension? At some terrible minute, you’re going to totally hose your Firefox profile. This isn’t a probability, it’s an assurance. So help yourself out, and make a new Firefox profile that you utilize solely for advancement. Here are the means by which to make and manage numerous Firefox profiles. I appreciate having my default profile running for snappy code reference queries, and propelling my “dev” profile all the while utilizing the – no-remote switch point by point in that article.

Geek to Live: Manage different Firefox profiles

Once you’ve stacked up your crisp, clean dev profile, you’ll need to make a couple of about: config changes and introduce several advancement extensions to make your life less demanding.

Hi, Firefox extension world!

Back in December of 2004, amid some careless web surfing, I discovered Eric Hamiter’s fantastic How to make Firefox extensions instructional exercise and it was the single connection that kicked me off not far off to extension improvement. The instructional exercise is somewhat dated (particularly since Firefox 2), however, it’s a pleasant supplement to Mozilla Developer Center’s authentic Building an Extension document.

Following the instructions – which include a great deal of putting particular XML and Javascript documents in particular envelopes and zipping them up only the correct way – you can build a basic extension that flies up a “Welcome, world!” Javascript caution. Do it – each developer begins another dialect by making proper acquaintance with the world.

The Extension Wizard

Once you get into the extension improvement groove, you’ll rapidly feel worn out on making each one of those abnormally named organizers and records. That is the place Ted Mielczarek’s Extension wizard proves to be useful. You give it your extension’s information: ID, icon, permit, creator and other information and it’ll produce an extension envelope and record skeleton for you.

The Greasemonkey Compiler

Another wizardly extension-assistant is the beforehand posted Greasemonkey client content compiler. Greasemonkey content is simply one of the Javascript, and this compiler does transform that content into an undeniable and reusable extension. (Note: The Better Gmail extension and all its more youthful kin discharged here on Lifehacker began utilizing this compiler.)

Transform your Greasemonkey contents into Firefox extensions

The User Script Compiler converts your Greasemonkey contents into undeniable Firefox extensions. XUL? One of the precarious expectations to absorb information of extension improvement is getting your head around XUL, and how it makes components like menu things and exchange confines Firefox. Consider it along these lines: XUL makes Firefox interfaces like HTML makes web pages. (Be that as it may, being XML, XUL has a great deal stricter guidelines about what labels are permitted.)

For instance, a basic XUL-based window with radio buttons for apples, oranges and

To begin exploring different avenues regarding XUL, introduce the Extension Developer’s extension in your advancement profile. From the Tools menu, Extension Developer submenu, pick “XUL manager” to begin creating XUL reports that see life as you compose.

At long last, the complete reference and jackpot of XUL instructional exercises are accessible at XUL Planet.

Automate your extension builds

Once your extension is working and prepared for your improvement Firefox profile, you need to compress it up and give it a shot in your “genuine” Firefox introduce. Doing this physically is a debilitating agony in the rump, so help yourself out and utilize a bunch content to decrease the procedure to a solitary summon operation. I utilize an altered version of this Windows builds content to bundle up my extensions.

Like every single good thing throughout everyday life, Firefox extension advancement takes a genuine venture, however, the reward – influencing your web program to do precisely what you need it to – is gigantic.

Leave a Reply