الهدف

يوفر هذا الملحق النموذجي للمطورين نقطة بداية لإنشاء ملحقات Chrome الخاصة بهم باستخدام Manifest V3.

ما هو الجديد

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

سمات

يوضح هذا النموذج النموذجي ثلاثة سلوكيات ملحقة رئيسية:

1. قبل تحميل الصفحة: اطبع رسالة إلى وحدة تحكم DevTools قبل تحميل الصفحة.
2. بعد تحميل الصفحة: اطبع رسالة إلى وحدة تحكم DevTools قبل تحميل الصفحة.
3. التفاعل المنبثق: يعرض نافذة منبثقة عندما ينقر المستخدم على زر الامتداد، مما يسمح بتفاعلات مستخدم أكثر تعقيدًا.

يوفر الامتداد الآن زرًا داخل النافذة المنبثقة، والذي عند النقر عليه، يقوم بإدخال برنامج نصي في علامة التبويب النشطة لتعديل DOM وتسجيل رسالة إلى وحدة التحكم.

تثبيت

1. قم بنسخ الملفات أو تنزيلها من github.com/llagerlof/fresh-chrome-extension ووضعها في الدليل.
2. افتح صفحة الامتدادات في متصفحك: chrome://extensions
3. تمكين "وضع المطور" في الزاوية اليمنى العليا.
4. انقر فوق تحميل غير مضغوط وحدد دليل الامتداد.

كيفية اختباره

1. افتح أي موقع.
2. انقر فوق زر الامتداد الموجود في الشريط العلوي للمتصفح. ستظهر لك نافذة منبثقة تحتوي على زر.
3. انقر فوق الزر الموجود في النافذة المنبثقة المسمى "انقر فوق هذا الزر لإضافة قسم برتقالي إلى الصفحة".
4. لاحظ التغييرات التالية:
   • يظهر قسم برتقالي في أعلى الصفحة مع الرسالة "تم تعديل DOM!"
   • افتح أدوات المطور (F12) وانظر إلى وحدة التحكم. ستظهر لك الرسالة "تم تنفيذ الإجراء من النافذة المنبثقة!"

يوفر هذا النموذج الأساسي أساسًا متينًا لإنشاء ملحقات Chrome أكثر تعقيدًا. لا تتردد في تعديله وتوسيعه ليناسب احتياجاتك الخاصة.

تعليمات سعيدة!