تعرفنا في الدرس السابق عن بنية إضافات متصفح جوجل كروم،و أعتقد أن الدرس كان سهلا للجميع،لهذا علينا أن ننتقل سويا لنتعرف على شيء آخر يخص هته الإضافات قبل أن نفكر في تطوير إضافة خاصة بنا،و بالتالي سنتعرف اليوم على عناصر واجهة المستخدم.
هل تتذكرون من الدرس السابق خاصية Browser_action،فقد ذكرت أنها تعريف لبعض الخصائص،نعم فهي تستخدم للعديد من اﻷمور منها تعيين أيقونة للإضافة،شاهد المثال التالي:
هل فهمت ما أعنيه،يتم تعريف هته الخصائص كالتالي
“browser_action”: {
“default_icon”: {
“19”: “icons/19×19.png”,
“38”: “icons/38×38.png”
},
“default_title”: “That’s the tool tip”,
“default_popup”: “popup.html”
}
بالطبع يتم تعريفها في ملف manifest.json ،أعتقد أن كل شيء واضح و ﻻ يستدعي الشرح المستفيض له،الآن للنتقل لجزئية أخرى و هي التسمية التي تظهر مع أيقونة الإضافة و أقصد هنا الكتابة yeah فيتم إضافتها عن طريق السطر التالي في نفس الملف:
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”
}
بصراحة هنالك العديد من الإضافات،و ﻻ يمكنني بأي حال من الأحوال ذكرها كلها،و بالتالي إن كنت تريد معرفة المزيد من الخصائص فالأجدر بك زيارة موقع مطوري جوجل من هنا.
الدروس المقبلة بحول الله ستكون المدخل لبداية تطوير إضافاتنا الخاصة للمتصفح جوجل كروم،دمتم بود،سلام.
الدروس المقبلة بحول الله ستكون المدخل لبداية تطوير إضافاتنا الخاصة للمتصفح جوجل كروم،دمتم بود،سلام.