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

 نكتفي بهذا القدر لهذا اليوم،في الدروس المقبلة سنتعرف إن شاء الله على أشياء جديدة و سنبدأ بالواجهة البرمجية Application Programming Interface و المعروفة اختصارا بالـ API

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Fill out this field
Fill out this field
الرجاء إدخال عنوان بريد إلكتروني صالح.
You need to agree with the terms to proceed

هذا الموقع يستخدم Akismet للحدّ من التعليقات المزعجة والغير مرغوبة. تعرّف على كيفية معالجة بيانات تعليقك.

القائمة