كيفيه برمجه اضافات جوجل كروم (الجزء الثاني) / Google Extention

 Google Extention

تعرفنا في الدرس السابق عن بنية إضافات متصفح جوجل كروم،و أعتقد أن الدرس كان سهلا للجميع،لهذا علينا أن ننتقل سويا لنتعرف على شيء آخر يخص هته الإضافات قبل أن نفكر في تطوير إضافة خاصة بنا،و بالتالي سنتعرف اليوم على عناصر واجهة المستخدم.

كيفيه برمجه اضافات جوجل كروم (الجزء الاول) / Google Extension

هل تتذكرون من الدرس السابق خاصية Browser_action،فقد ذكرت أنها تعريف لبعض الخصائص،نعم فهي تستخدم للعديد من اﻷمور منها تعيين أيقونة للإضافة،شاهد المثال التالي:

كود:

"browser_action": {
    "default_icon": {
        "19": "icons/19x19.png",
        "38": "icons/38x38.png"
    },
    "default_title": "That's the tool tip",
    "default_popup": "popup.html"
}

بالطبع يتم تعريفها في ملف manifest.json ،أعتقد أن كل شيء واضح و ﻻ يستدعي الشرح المستفيض له،الآن للنتقل لجزئية أخرى و هي التسمية التي تظهر مع أيقونة الإضافة و أقصد هنا الكتابة yeah فيتم إضافتها عن طريق السطر التالي في نفس الملف:
   اذا واجهت اي مشكلة لا تتردد بالسؤال اما بتعليق او بخدمة Ask الجديدة 

كود:

chrome.browserAction.setBadgeText({text: "yeah"});

هنالك خاصية أخرى يمكن إستخدامها في تطوير تطبيقات متصفح كروم و هي page_action كمثال عليها:



و يتم تعريفها في نفس الملف السابق كالتالي:

كود:

"page_action": {
    "default_icon": {
        "19": "images/icon19.png",
        "38": "images/icon38.png"
    },
    "default_title": "Google Mail",
    "default_popup": "popup.html"
}

المصدر مدونة المبرمج الاردني

  اذا واجهت اي مشكلة لا تتردد بالسؤال اما بتعليق او بخدمة Ask الجديدة 

كيفيه برمجه اضافات جوجل كروم (الجزء الثالث) / Google Extention