كيفية إنشاء ملحق خاص بالمتصفح

معظمنا يقضي المستخدمون الكثير من الوقت داخل متصفح الويب. إذا كنت من مستخدمي Chrome أو Firefox أو Edge، فستعرف أن هذه المتصفحات تأتي مع عدد كبير من ملحقات الطرف الثالث لتعزيز الميزات المضمنة بالفعل في البرنامج.

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

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

البدء

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

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

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

لديك بعد ذلك البرامج النصية الخاصة بك، والتي تقوم بالعمل الفعلي للامتداد ويمكن أن تأتي في مجموعة متنوعة من الأشكال: HTML (لغة ترميز النص التشعبي) لتصميم الويب الأساسي، وCSS (أوراق الأنماط المتتالية) للتصميم الأكثر تقدمًا والتلاعب بالكائنات على الويب، وJavaScript للقيام بمعظم مهام البرمجة (على افتراض أن الامتداد الخاص بك يفعل شيئًا أكثر من مجرد تحميل صفحة على الشاشة).