السبت، 15 فبراير 2014

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

نشرت من طرف : Unknown  |  في   السبت, فبراير 15, 2014

 Google Extention
 Google Extention

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







التسميات : ,

شارك الموضوع

مواضيع ذات صلة

0 التعليقات :

تابعنا ليصلك جديدنا

انت الزائر رقم

Translate

back to top