728x90 شفرة ادسنس

  • اخر الاخبار

    17‏/2‏/2015

    برمجة اضافات كوكل كروم (الجزء الثاني)


    الآن لنتعرف على بنية إضافات جوجل كروم: دعونا نرى الصورة الموالية

    تتكون إضافات جوجل كروم من جزئيين رئيسيين:
    الجزء البرمجي
    واجهة المستخدم.
     سنبدأ بالجزء البرمجي الذي بدوره ينقسم إلى ثلاثة أجزاء رئيسية:
     manifest.jsonو هو ملف أساسي أي إضافة يحوي هذا الملف على معلومات مهمة عن الإضافة، كإسم الإضافة رقم الإصدار و وصف الإضافة و يمكن أن يحوي العديد من المعلومات الأخر .دعونا نأخذ مثال بسيطا:
    {
        "name": "BrowserActionExtension",
        "version": "0.0.1",
        "manifest_version": 2,
        "browser_action": {
            "default_title": "That's the tool tip",
            "default_popup": "popup.html"
        }
    }

    الجدول التالي يبين كل سطر مع شرحه :

    سطر
    ملاحظات
    name
    اسم الإضافة
    Version
    إصدار الإضافة
    manifest_version
    إصدار "محرك" المتصفح ضعه دائما 2
    browser action
    تعريف ببعض الخصائص
    default_title
    التسمية التي تظهر في المتصفح
    default_popup
    تمثل ملف واجهة الإضافة Background Files أو الملفات الأساسية و يمكن أن نعتبرها القلب النابض للإضافة و التي تحوي الأكواد البرمجية الأساسية لها و تنقسم إلى قسمين

    Persisten
    Event
    الأكواد الأساسية التي يتم تشغيلها بمجرد فتح المتصفح وتبقى في حالة العمل ما دام المتصفح قيد التشغيل
    اكواد اﻷحداث و يتم تشغيلها عند حدث معين كأن يطلب المستخدم القيام بشيء معين من الإضافة

    يتم تعريف كلا النوعين في ملف  manifest.json كالتالي:

    "background": {
        "scripts": ["background.js"],
        "persistent": false/true
    }

    Script
    تمثل مكان تواجد الملف الذي يحوي الأكواد أما Persistent فهي خيار منطقي إما مفعل أو غير مفعل سنفصل في هاته الجزئية في الدروس المقبلة بحول الله.

    Content Script: و نعني بها في أي مكان سيتم تشغيل الإضافة فهنالك إضافات ﻻ تعمل إﻻ في موقع واحد مثل إضافة موقع ميجا الخاص بالرفع فهي ﻻ تعمل إﻻ عندما تتصفح الموقع أو تقوم أنت بفتحها يدويا و هنالك إضافات تعمل مع جميع المواقع دون استثناء يتم  manifest.json: تعريف ذلك أيضا في ملف كالتالي :

    "content_scripts": [
        {
            "matches": ["http://*/*", "https://*/*"],
            "js": ["content.js"]
        }
    ]

    • تعليقات بلوجر
    • تعليقات الفيس بوك

    0 التعليقات :

    إرسال تعليق

    Item Reviewed: برمجة اضافات كوكل كروم (الجزء الثاني) Rating: 5 Reviewed By: محمد أيوب
    Scroll to Top