این مقاله مراحل ساختextensions را به طور مقدماتی توضیح می دهد. در دو قسمت آخر نکاتی در این مورد مطرح شده و همچنین نحوه ساخت package مطرح شده است.

Extension هایی که از این طریق ایجاد می شوند فقط در firefox ورژن 1.5 یا بالاتر کار خواهند کرد، البته با اندکی تغییر می توانید آن را مطابق با ورژن 1 در بیاورید.

لیست مطالب ارائه شده:
1- ایجاد محیط extension
2- ایجاد فایلهای اصلی
1-2- ساختار دایرکتوری
2-2- فایلهای اصلی
1-2-2- chrome.manifest
2-2-2- overlay.xul
3-2-2- overlay.js
4-2-2- overlay.dtd
5-2-2- install.rdf
3- ثبت extension خودتان در Extension Manager
4- چرخه تولید
5- ایجاد فایل نهایی
6- منابع
ایجاد محیط extension

این مقاله بر روی ساخت extension برای firefox متمرکز است، اما می توان از طریق این مقاله برای سایر برنامه های mozilla ، extension طراحی کرد؛ مانند Thunderbird.
اولین چیزی که احتیاج خواهید داشت، دانلود آخرین ورژن برنامه است. می توانید آخرین نسخه firefox را از اینجا دانلود کنید. برای اینکه این مقاله قابل استفاده باشد باید نسخه Deer Park Alpha را دریافت نمایید.
برای اطلاعات بیشتر به این آدرس مراجعه کنید: Setting up extension development environment.

ایجاد فایلهای اصلی

مطمئنا میدانید که extension ها ظاهر(UI) برنامه را تحت تاثیر قرار می دهند (ظاهر برنامه با اصطلاح chrome شناخته می شود ) و قابلیت تغییر ظاهر با استفاده از overlay در صفحات و پنجره ها گنجانده شده است.

اینoverlay ها به عنوان قسمتی از package شما خواهند شد. اغلب extension ها حاوی یک یا چند locales و skinsهستند. (locales حاوی فایلهایی جهت چندزیانه بودن است؛ و skins حاوی فایلهایی جهت اعمال پوسته به extension شما. برای درک بهتر مفهوم آنها توصیه می کنیم که فصل XUL Structure را از سری مقالات XULPlanet's XUL Tutorialو Configurable Chrome مطالعه کنید).

این قسمت فایلهای مورد نیاز جهت اینکه extension شما معتبر شناخته شده و در firefox ثبت شود را معرفی می کند.

می توانید یک فایل فشرده نمونه را که حاوی تمامی فایلهای مورد نیاز برای ساخت و به ثبت رساندن extension در Extension Manager است، دریافت نمایید. از اینجا: دانلود کنید
برای درک نحوه کارکرد هر یک از فایل ها شما را به خواند ادامه مقاله دعوت می کنم.
ساختار دایرکتوری

در زیر ساختار دایرکتوری است که ما استفاده خواهیم کرد. ممکن است ساختار شما کمی متفاوت باشد، در این صورت باید فایل chrome.manifest را تغییر دهید. این فایلها را در شاخه ای ایجاد کنید که قصد توسعه پروژه خودتان را دارید.

کد:

helloworld/ chrome.manifest install.rdf content/ overlay.js overlay.xul locale/ en-US/ overlay.dtd skin/ overlay.css
نام دایرکتوری ها عبارتند از "Content" ، "locals" و "skin" که این شاخه ها و فایل های آنها اجباری هستند و شما باید حتما آنها را ایجاد نمایید. این فایلها در مراحل بعدی مورد استفاده قرار خواهند گرفت.(مثلا در chrome.manifest و install.rdf).

نکته: این ساختار دایرکتوری فقط در مرحله توسعه و برنامه نویسی مورد استفاده خواهد بود و در مرحله ایجاد فایل package از ساختار دیگری استفاده خواهد شد.