إذا كنت من مستخدمي Google Chrome ، فمن المحتمل أنك استخدمت بعض الإضافات في المتصفح، هل تساءلت يومًا كيف تبني واحدة بنفسك؟ في هذه المقالة ، سأوضح لك كيف يمكنك إنشاء اضافة جوجل الخاصة بك من البداية. ما هى اضافات جوجل كروم؟اضافات جوجل chrome هو برنامج يتم تثبيته في متصفح Chrome يعمل على تحسين وظائف المتصفح، يمكنك إنشاء واحدة بسهولة باستخدام تقنيات الويب مثل HTML و CSS و JavaScript. إنشاء اضافة chrome يشبه إلي حد كبير إنشاء تطبيق ويب او موقع ويب ، لكنه يتطلب ملفًا تعرف على طريقة : تسجيل دخول ماسنجر لايت كيف ستبدو اضافة جوجل كروم التي سنصنعها ؟كما ترى ، تعرض اضافة الكروم أعلاه أحدث البيانات عن فير و س ك و r ونا في المملكة المتحدة، سنبحث في كيفية إنشاء هذه الاضافة في هذا المقال. هنا ، سنستخدم https://api.coronavirus.data.gov.uk/v1/data API لجلب البيانات، سنقوم فقط بعرض أحدث سجل لبساطة هذا المنشور. يمكن العثور على الكود المصدري الكامل لهذا المشروع على GitHub . كيفية إنشاء اضافة جوجل كرومفي البداية ، نحتاج إلى إنشاء مجلد فارغ حيث سنضيف ملفات HTML و CSS و JavaScript الخاصة بنا. داخل المجلد ، دعنا ننشئ ملف index.html برمز HTML التالي:
الآن ، دعنا نضيف رابطًا إلى Bootstrap CDN في علامة ال Head. سنستخدم إطار عمل Bootstrap هنا حتى لا نضطر إلى كتابة بعض اكواد ال CSS الإضافية.
في العرض التوضيحي ، رأينا أنه يتم عرض السجلات كجدول، لذا علينا الآن العمل على إنشاء جدول.
يُنشئ الكود أعلاه جدولًا بعرض هنا ، يمكنك أن ترى أنه تم تعيين معرفات مختلفة td لكل بيانات جدول، سنستخدم قيمة هذه المعرفات في JavaScript لتحديث بيانات الجدول، أيضًا ، قمنا هنا بتحميل JavaScript في النهاية بعد تحميل جميع محتويات HTML. الآن ، بعد أن تم عرض الجدول ، نحتاج إلى العمل على كتابة JavaScript لجلب البيانات من واجهة ال API. لنقم بإنشاء ملف
الآن ، دعنا نكسر الكود أعلاه:
إذا تحققنا من المتصفح ، فسنكون قادرين على رؤية النتيجة التالية. يتم جلب البيانات من واجهة ال (API) وتستمر في التحديث بمجرد أن تتغير البيانات الموجودة في واجهة ال API. تعرف على كيفية : تغيير باسورد الواي فاي ملف Manifest.jsonكما ناقشنا سابقًا ، إنشاء اضافة Chrome تشبه إنشاء أي تطبيق ويب، الاختلاف الوحيد هو أن انشاء اضافة Chrome تطلب ملفًا يحتوي ملف manifest.json على جميع المعلومات الضرورية المطلوبة لإنشاء اضافة Chrome، إنه الملف الأول الذي يتحقق من الاضافة ويتم تحميل كل شيء من هذا الملف الفردي. الآن ، دعنا ننشئ ملف
يحتوي ملفنا يمكنك إلقاء نظرة هنا لمشاهدة كافة تكوينات الملف الآن ، نظرًا لأننا أضفنا أيضًا ملف manifest.json ، فنحن مستعدون لإضافة هذا المشروع كملحق في متجر Chrome. لذلك نحتاج للذهاب إلى بعد اختيار الامتدادات ، فإنه سيتم إعادة توجيهك إلى صفحة الإضافات في Chrome، تأكد من تمكين بمجرد الانتهاء من ذلك ، ستحتاج إلى النقر فوق الآن ، الاضافة التي انشأناها متاحة في متجر تطبيقات Chrome يمكنك أيضًا تثبيت الاضافة في المتصفح كما هو موضح في الصورة أدناه : هذه الاضافة تعمل فقط في متصفحك، إذا كنت تريد نشرها على سوق Chrome الإلكتروني ، فيمكنك اتباع هذا الرابط . from https://kharphonk.com/create-chrome-extension/
0 Comments
Leave a Reply. |
ABOUT USمختصين بتقديم كل ما هو جديد في عالم الهواتف الذكية حيث نعرض مواصفات واسعار ومراجعات الهواتف الجديدة في الأسواق وشرح وتحميل أحدث التطبيقات للاندرويد والايفون. ArchivesNo Archives Categories |