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

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

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

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

البدء

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

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

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

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