أخبار التقنية

أفضل إضافات كروم للمبرمجين لهذا العام


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

جوجل كروم هو متصفح الويب الأكثر شيوعًا في العالم ، حيث يمثل أكثر من 62٪ من حصة سوق متصفح الويب في جميع أنظمة التشغيل ، وفقًا لأحدث الإحصاءات من W3Counter .

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

لذلك ، إذا كنت مطورًا أو مبرمجا ، فمن الضروري أن يكون لديك المكونات الإضافية المناسبة لزيادة إنتاجيتك .

فيما يلي أفضل إضافات كروم Chrome لمطوري الويب لزيادة الإنتاجية وكفائة العمل :

1- إضافة Web Developer :

تعد إضافة Web Developer هي الإضافة الأكثر شيوعًا وأفضلها للمتصفح للمطورين لأنها تقدم مجموعة رائعة من الأدوات في أداة واحدة. يمكنك الاستفادة بشكل كبير من هذه الأدوات في عملك.

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

وهذا الامتداد مفيد أيضًا لمصممي المواقع وليس فقط للمطورين ، هذه الأداة تشبه ميزة فحص عنصر Chrome Inspector.

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

وهى عبارة عن شريط أدوات موجود داخل متصفح جوجل كروم يضم العديد من خيارات وظائف تطوير الويب المفيدة مثل:

1- تنشيط البرامج النصية أو إلغاء تنشيطها.

2- ووظائف التحكم في ملفات تعريف الارتباط .

3- البحث عن طرق لإنشاء النماذج والصور والأنماط وغيرها .

شاهد أيضا : شركة جوجل تستمر فى دعم خدمات جوجل كروم لعام أخر

2- إضافة WhatFont :

يعد WhatFont الإضافي الإضافة التي تساعدك على استخراج المعلومات من تصميمات الويب.

حيث تساعدك هذه الوظيفة الإضافية في معرفة نوع خط موقع الويب على الإنترنت بسهولة.

باستخدام هذه الأداة الممتازة ، لن تتمكن فقط من معرفة نوع الخطوط ، ولكن أيضًا الخدمة التي تستضيف الخط.

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

يمكنك التحقق من العنصر باستخدام الأداة للحصول على مزيد من المعلومات حول الخط ، مثل الحجم واللون والطول ومعلومات أخرى.

نظرًا لأن نوع الخط المستخدم في مواقع الويب التي تطورها يمكن أن يحدث فرقًا كبيرًا .

هذا يعني انه يمكنك يمكنك استخدام المكون الإضافي WhatFont للتحقق من الخطوط ووظائفها التي تراها على أي موقع ويب .

على سبيل المثال عن طريق فتح الموقع على التي تريد معرفة نوع الخطوط المستخدمة .

3- إضافة Cnava:

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

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

وهذا بالتأكيد سوف يساعدك على أتمام عملك فى أسرع وقت ممكن .

4- إضافة Wappalyzer :

تعتمد العديد من المواقع على برامج جاهزة ، وتستخدم معظم المدونات نظام WordPress لإدارة المحتوى ، وتعتمد مواقع التجارة الإلكترونية على مكونات WordPress الإضافية ، على سبيل المثال WooCommerce .

من الإضافات الجيدة الأخرى التي يجب أن تستخدمها في عملك هي الوظيفة الإضافية Wappalyzer.

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

حيث يمكنك معرفة الأنظمة الأساسية. النماذج إدارة محتوى CMS التي يستخدمها هذا الموقع أو منصات التجارة الإلكترونية التي يعمل عليها

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

واستخدام المواقع أيضا بعض المنصات لتحليل أداء الموقع وزواره على سبيل المثال :

Google Analytics ، تتيح لك الإضافة (Wappalyzer) معرفة نظام إدارة المحتوى الذي يستخدمه الموقع .

بالإضافة إلى جميع أطر البرمجة التي يعتمد عليها ، ومنصات التجارة الإلكترونية ومكتبات JavaScript ، وأدوات التسويق والتحليل ومعالجات الدفع و CRM و CDN وغيرها .

والأهم من ذلك كله بمجرد النقر عليها في شريط العناوين ، ستظهر لك نافذة صغيرة لمشاهدة جميع التفاصيل المذكورة سابقًا .

5- إضافة Windows Resizer :

يسمح لك امتداد Windows Resizer بتغيير حجم شاشتك ، إنه بسيط ولكنه مفيد للغاية إذا كنت بحاجة إلى التحقق من توافق الموقع مع جميع أنواع الشاشات.

يمنحك المكون الإضافي مجموعة من الخيارات المحددة مسبقًا ولكن يمكنك تغييرها حسب الحاجة.

Yehia Mostafa

Digital Growth Strategist: SEO, PPC, and SEM Specialist Driving Online Success

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى