يتيح لنا Jetpack for Firefox إنشاء مكونات إضافية لمتصفح Firefox بسهولة باستخدام مهارات الواجهة الأمامية (HTML/CSS/JS) التي أتقنناها فقط، والأمر الأكثر إثارة على الأرجح هو أن Jetpack يدمج أيضًا إطار عمل jQuery.
سواء كان Adobe Air أو Web OS أو Jetpack، على الأقل دعونا نتأكد من أن قيمة الواجهة الأمامية سيتم إظهارها بشكل متزايد في الفرص.
دعونا نلقي نظرة على كيفية إنشاء ملحق Firefox Jetpack الأول خطوة بخطوة:
الخطوة 1: تثبيت البرنامج الإضافي لـ Jetpack
عنوان المكون الإضافي لـ Jetpack: https://jetpack.mozillalabs.com/install.html
بعد تثبيت البرنامج الإضافي Jetpack، يمكنك الوصول إلى واجهة Jetpack المحلية عن طريق كتابة about : jetpack في شريط العناوين.
الخطوة 2: إنشاء ملف Planabc.js.
الكود التفصيلي لـ planabc.js هو:
إلحاق شريط الحالة ( { .
أتش تي أم أل : '<img src="http://www.planabc.net/favicon.ico"/>' ,
عرض : 16 ،
جاهز : وظيفة ( القطعة ){
$ ( القطعة ) . انقر ( وظيفة (){
علامات تبويب jetpack "http://www.planabc.net/" ؛
});
}
}); سيقوم jetpack .
- سمة html: تحدد HTML الأولي الذي سيتم عرضه في شريط الحالة. في هذا المثال، يتم عرض عنصر IMG بسيط.
- سمة url: تحدد عنوان URL لمحتوى HTML الخارجي الذي سيتم عرضه على شريط الحالة. في هذا المثال، لا يتم استخدام هذه الخاصية.
- سمة العرض: تحدد عرض المحتوى على شريط الحالة (الوحدة: البكسل). في هذا المثال، تم تعريفه على أنه 16 بكسل، وهو عرض عنصر IMG نفسه.
- سمة onReady: تحدد الوظيفة المطلوب استدعاؤها (سيتم استدعاء هذه الوظيفة بمجرد إنشاء شريط الحالة). نظرًا لأن Jetpack يدمج إطار عمل jQuery، فيمكنك استخدام خصائص وأساليب jQuery مباشرة. في هذا المثال ، يتم تعريف دالة عند النقر على ملحق Jetpack ، سنقوم بتعديل خاصية الموقع الخاصة بـ jetpack إلى http://www.planabc.net/ . علامات التبويب jetpack .contentWindow تعادل كائن النافذة ، والذي يمكنك الوصول إليه من خلال JavaScript للوصول إلى صفحات الويب.
