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

Google Extention

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

أدوات المطورين Developer Tools: تمكنك هته الخاصية من إضافة ألسنة جديدة لتطبيقك و بالتالي يمكنك جعل اﻹضافة تعمل ﻷكثر من مرة،حتى تستطيع استخدام هته الخاصية عليك إنشاء صفحة ويب جديدة و بعدها تطلبها في ملف manifest.json كاﻵتي:

كود:

devtools_page": "devtools.html"

في داخل الملف نقوم بتضمين ملف الأكواد البرمجية الخاصة بالجافاسكريبت كالتالي:
; 
كما تلاحظون علينا انشاء ملف جديد بإسم devtools.js:يمكنكم تسميته كما تشاؤون و لكن عليكم تغيير الإسم عند القيام بتضمين الملف.في ملف الجافاسكريبت ضع الكود التالي

كود:

chrome.devtools.panels.create(
    "TheNameOfYourExtension",
    "img/icon16.png",
    "index.html",
    function() {

    }
);

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

الـ Omnibox:
متصفح جوجل كروم يتيح لنا إصدار أوامر كتابية له لتنفيذها،هذه الأوامر هي في اﻷصل كلمات مفتاحية تم وضعها من قبل مبرمجي الإضافات.
يتم تعريف الكلمات المفتاحية في ملف manifest.json و تتم العملية كالأتي:

كود:

"omnibox": { "keyword" : "yeah" }

تلاحظون بأنه تم تعريف omnibox على أنه مصفوفة(قاموس).يتم تعريف الكلمات المفتاحية في ملف الخلفية Background-تتذكرونه- كاﻵتي

كود:

chrome.omnibox.onInputChanged.addListener(function(text, suggest) {
    suggest([
      {content: text + " one", description: "the first one"},
      {content: text + " number two", description: "the second entry"}
    ]);
});
chrome.omnibox.onInputEntered.addListener(function(text) {
    alert('You just typed "' + text + '"');
});

لو قمنا بكتابة yeah في المتصفح لتحصلنا على التالي:

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

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