قد تكون تستخدمها دون أن تعلم, ما هي إضافات المتصفح؟ تقنيات البناء وكيف تعمل؟

---

عندما بدأنا بمشروع الإضافات الخاصة بمتصفح كروم، غفل عن بالي شيء هام جداً، بعضهم بدأ يتساءل…ما هي أصلاً إضافات المتصفح؟ ما الذي تعنيه من الأساس بكلمة ملحق أو إضافة أو Extension أو Addon…وتفاجأت بعدها أن العديد منا يستخدم إضافات وملحقات المتصفح دون أن يعلم أنها عبارة عن ملحقات أو إضافات لها وظائف تقدمها لنا، ويعتقد البعض أن المتصفح يأتي هكذا بهذه الإكسسوارات دون أن يعلم أنه هو “المستخدم” من قام بتحميلها…وبناءاً على هذه التساؤلات أقدم لكم هذه التدوينة آملاً أن تجيب عن كل أسئلتكم.

---

ما هي إضافات المتصفح؟

نظام التشغيل على سبيل المثال “ويندوز“، عندما تقوم بتنصيبه بالطبع لا يأتي بكافة المزايا المطلوبة وقد لا يوفر احتياجات المصمم “برامج تصميم” أو احتياجات مخرج الأفلام السيني مائية “برامج الفيديو”، وقد يحب بعضنا تحميل هذه الألعاب خرافية الجرافيكس وهؤلاء مرهفي الأحاسيس يريدون ذلك القالب الذي يقلب سطح مكتبك الى مجموعة من القلوب والألوان الزهرية وغيرها من البرامج الأخرى، وبالتالي نظام التشغيل يأتي لنا كمادة خام ونقوم نحن بتنزيل هذه البرامج (الإكسسورات) من مصانعها ومواقعها الخاصة.

الأمر سيّان على المتصفح، فعند تحميلك للمتصفح (كروم أو فايرفوكس مثلاً) فنقوم بتحميل بعض البرامج والتطبيقات الخاصة به من المواقع المخصصة لها (مع الاختلاف هنا أن لكل متصفح له سوقه الخاص لتحميل هذه البرامج والتطبيقات)، هذه البرامج نطلق عليها إسم “إضافة، Extensions، ملحق، Addon..” تعمل بوجود المتصفح وأثناء تشغيله وتتعدد التسميات والهدف واحد، مجرد تطبيقات توفر لنا مزايا إضافية لزيادة متعة التصفح من المتصفح، كإضافة منع الإعلانات المشهورة AdBlock على سبيل المثال (تم بيع الإضافة وستطبق مفهوم القائمة البيضاء للسماح ببعض الإعلانات بالظهور)!

---

التقنيات المستخدمة

الجميل في أمور إضافات المتصفح أن الجميع قادر على القيام بها…عفواً! هذا ما كنت أعتقده قبل البدء بتحويل بعضاً من إضافاتي لمنصة فايرفوكس فلهم أسلوب غريب عجيب، لذلك نستطيع القول أن الأساس فعلاً لبناء إضافات المتصفح هي تقنيات الويب الأساسية، يعني إن كنت قادراً على بناء واجهة موقع إلكتروني فصدقني هذا هو الطريق الصحيح لبناء إضافات المتصفح، فهي تتطلب فقط منك معرفة في HTML, CSS و JavaScript.

بمعرفتك لهذه الأساسيات البسيطة والتي يمكنك تعلمها في أيام قليلة، أهلاً بك في أول إضافة خاصة بك! كيف يمكنك الوصول للذاكرة الخاصة بالمتصفح؟ معرفة المواقع التي قام مستخدم إضافتك بزيارتها؟ إذاً انت بحاجة لنوعٍ من التواصل مع المتصفح، تواصل بين إضافتك الخاصة ومتصفح المستخدم…وهو ما يُسمى بواجهة برمجية API والتي تمكنك من الوصول لمزايا المتصفح كالذاكرة والإعدادات ومفضلة المواقع وغيرها مما تتيحه لك هذه الواجهة من مزايا خاصة بالمتصفح يمكن الاستفادة منها داخل إضافتك.

---

مصادر التعلم

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

دعونا إذاً نركز جهودنا على ما يُسمى بالواجهات البرمجية وسأركز هنا على أهم متصفحين فقط كروم وفايرفوكس كوني تعاملت معهم من قبل عملياً، فجوجل وكما هو معروف عليها كيف تستقطب المطورين بسهولة التوثيق “Documentation” أو التقارير الخاصة بكيفية استعمال واجهاتها بشكل عام، فأول مدخل لك لتعلم عمل إضافات خاصة بالمتصفح هو هذا الرابط.

يخبرنا الرابط السابق الجميل أساسيات برمجة إضافات كروم، كيف تبدأ بصنع أولى إضافاتك وأنواع إضافات كروم ويتطرق لملف التعريف الأساسي لأي إضافة بما يُسمى Manifest الذي يحتوي على اسم إضافتك ورقم إصدارها وغيرها من المعلومات التي سيراها محمّل هذه الإضافة! بعد انتهائك من إضافتك وفحصها بشكل جيد قم برفعها على السوق الخاص بمتصفح كروم والذي يتطلب منك 5$ لفتح حساب خاص بك في سوقهم لرفع الإضافات.

بالنسبة لفايرفوكس فحدّث ولا حرج، تفضل بزيارة هذا الرابط وسألتزم الصمت بعدها بدءاً من البناء وحتى النشر! مع العلم هناك أكثر من طريقة لبناء الإضافات الخاصة بفايرفوكس، فلدي أفلام وكوابيس كثيرة معهم ونقاشات عبر البريد الإلكتروني أعربت فيها عن استيائي من الأسلوب المتبع في تطوير الإضافات، وبالفعل تواصل معي مدير العلاقات والتواصل في قسم الإضافات وهذا جزء من رده على الرسالة:

سيفيدك هذا الفيديو الذي أشرح فيه كيف تقوم بتصدير أرقام البرمجيات بشكل عام; مثلاً: Facebook Mention Tagging Blocker V1.3.3 ما هو رقم 1.3.3 وكيف يمكن للمطورين الآخرين معرفة هذه النسخة هي تحسينات أو مزايا جديدة؟ أتمنى أن يجيب هذا الفيديو على تساؤلك.

---

 هل هي خطرة؟

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

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

هذه واحدة من الإضافات التي قمت ببرمجتها تحت إسم Tabs Board، وهي (من الآخر) تطلب صلاحيات للدخول لكافة المواقع التي تتصفحها حالياً والتعديل عليها! بالطبع عندما تعرف أن هذه الإضافة مخصصة لإدارة الألسنة المفتوحة (حالياً) والبحث عنها عبر الصوت، تأتي بصورة للصفحة المفتوحة حالياً وكأنك تتعامل مع الألسنة المفتوحة كأنها كروت على لوحة…سترى أن الصلاحيات المطلوبة هي فعلاً مطلوبة لعمل الإضافة بكافة وظائفها…ويمكنك مشاهدة بقية التفاصيل في هذه التدوينة: إضافة لمتصفح جوجل كروم لإدارة التبويبات المفتوحة “الألسنة” بإسم Tabs Board

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

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

ليس شرطاً كل إضافة تقوم بتحميلها ستظهر هنا (كإضافات الثيم مثلاً)! بعض هذه الإضافات والمقصود منها الضرر(دون إساءة الظن) من الممكن أنها تعمل بالخفاء (الخلفية) والطريقة الوحيدة للتأكد من ذلك هي بزيارة صفحة الإضافات المحمّلة حالياً والتي سأشرحها بعد هذه النقطة مباشرة، الصفحة هذه ستعرض لك كافة الإضافات التي قمت بتحميلها ويمكنك من هذه الصفحة إيقاف إضافات أو مشاهدة ما هي الصلاحيات التي تتطلبها! مع العلم الصلاحيات ممكن تتغير مع الوقت بناءاً على المطور!

لذلك متابعة الصلاحيات أولاً بأول هي من مسؤولية المستخدم…أنتَ يا عزيزي! لأن متصفح كروم يقوم بتحديث الإضافات تلقائياً وقليل من المطورين يخبرونك بأن هناك نسخة جديدة حالياً (أي صلاحية جديدة للإضافات الموجودة لديك سيقوم متصفح كروم بتعطيلها وتبليغك بأن هناك إضافات تطلب صلاحيات جديدة) فأسلوبي في تطوير الإضافات هو أي تحديث قادم وبعد تحميله تلقائياً ستفتح لك صفحة تخبرك ما الذي قمت به في النسخة الجديدة من هذه الإضافة (بناءاً على أهمية التحديث).

---

كيف أصل لكافة الإضافات في متصفحي؟

كل وأي متصفح يوفر ميزة تحميل الإضافات يمكنك مشاهدة كافة الإضافات التي قمت بتحميلها من خلال الصفحة الخاصة بالمتصفح. يمكنك من خلالها إزالة الإضافة أو تعطيلها مؤقتاً في حال شككت في أمرها، ويمكنك عرض الصلاحيات التي تطلبها كل إضافة مثلاً.

قم بكتابة chrome://extensions في شريط العناوين ستظهر لك كافة الإضافات التقي قمت بتحميلها كما هو موضح في مقطع الفيديو.

على فايرفوكس: قم بكتابة about:addons في شريط العناوين سيظهر لك كافة الإضافات التي قمت بتحميلها على فايرفوكس، أو يمكنك الذهاب إلى زر الإعدادات ثم Add-ons.

هذا الرابط يشرح لك كيف تقوم بتعطيل إضافات معينة في فايرفوكس…كما نشاهد فايرفوكس يسميها Add-ons وهو الموازي لكلمة Extensions في متصفح كروم.

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

---

كيف أحصل على إضافات المتصفح؟

تحدثت سابقاً أن لكل متصفح سوق خاص به يمكن للمطورين من خلاله نشر الإضافات التي قاموا بتطويرها ونشرها على السوق الخاص بالمتصفح، كل متصفح له قواعد واليوم أصبحت حازمة حتى تُقبل الإضافة في هذا السوق…جوجل أعلنت مؤخراً لا يمكن تحميل أي إضافة خارج السوق الخاص بها، والطريقة الوحيدة هي تحميلها مع تفعيل “وضعية المطور” وهو ما لا أنصح به لغير المطورين! أما بخصوص فايرفوكس فيمكنك تحميل إضافاتها من خارج سوقهم كما قمت أنا في آخر إضافتين قمت بهما على منصة فايرفوكس.

يمكنك من هنا زيارة سوق كروم التابع لشركة جوجل.

يمكنك من هنا زيارة سوق فايرفوكس التابع لشركة موزيلا.

يمكنك من هنا زيارة سوق سفاري التابع لشركة أبل.

---

مشروع تطوير الإضافات

 في بدايات شهر يونيو (6) من عام 2014 بدأت بحمد الله مشروع تطوير إضافات المتصفح وبدأت على منصة كروم وانتقلت بعدها لتجربة فايرفوكس وهي غلطة سنة 2014 بالنسبة لي! وقمنا بالعديد من هذه الإضافات وأشعر بالرضى التام على أدائهم جميعاً ولاقت رضى المستخدمين من حيث الفكرة والوظيفة، والمتابع لمدونة خارج الصندوق خصوصاً قسم “برمجياتي” سيشاهد تركيزي حالياً المنصب على تطوير إضافات المتصفح.

وهنا مجموعة من الإضافات الخاصة بمتصفح كروم وفايرفوكس من تطويري الشخصي:

– إضافة لمتصفح كروم تمنع وتزيل الإشارات والذكر من المنشورات في فيسبوك

– إضافة لمتصفح جوجل كروم لإدارة التبويبات المفتوحة “الألسنة” بإسم Tabs Board 

– إضافة تمنع كلياً من استقبال الدعوات من مستخدمين فيسبوك على متصفح كروم

– إضافة لمتصفح فايرفوكس تمنع وتزيل الإشارات والذكر من المنشورات في فيسبوك

– إضافة RSS Timeliner لجدولة خلاصة المواقع وتفضيلها بخط زمني على كروم

– إضافة تمنع كلياً من استقبال الدعوات من مستخدمين فيسبوك على متصفح فايرفوكس

---

كتاب إلكتروني

تم بحمد الله الانتهاء من كتاب إلكتروني بعنوان “دليلك لاحتراف برمجة وتطوير إضافات وملحقات متصفح كروم” وهو معروض في خمسات ومنصة أسناد لبيع الكتب الإلكترونية مع مثال عملي كذلك (تحديث: تم طرحه مجاناً للتحميل).

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