أفضل إضافات وامتدادات جوجل كروم Chrome Extensions لمطورين الويب

Chrome Extensions

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

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

 

أفضل الإضافات ل مطورين الويب Web Developer

يوجد الآلاف من الإضافات في جوجل كروم، ولكننا اليوم سنستعرض أهم وأفضل هذه الاضافات التي يستخدمها معظم المطورين حول العالم.

يمكنك الذهاب إلى متجر الإضافات في متصفح جوجل كروم من هذا الرابط وتحميل جميع الإضافات التي سيتم ذكرها في هذا المقال.

 

1. ColorZilla

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

ومن الممكن أن تقوم بتحليل لصفحة الموقع وتخرج لك الألوان الخاصة به كلها، وبها أيضاً Gradient generator.

 

 

2. CSS Peeper

تسمح لك هذه الإضافة باستخراج ملفات التنسيق CSS من المواقع، إذا فتحت موقع ما ووجدت أنه رائع واردت أن تعرف كيف تم تصميمه؟

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

 

3. Web Developer

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

 

4. Picture-in-Picture

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

 

5. Wappalyzer

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

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

 

6. Lorem Ipsum Generator

تسمح لك الإضافة بإنشاء نص Lorem عشوائي لإضافته في موقعك، لإعطاء مساحة في العناصر التي تحتاج لذلك.

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

 

7. Clear Cache

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

 

8. GoFullPage

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

 

9. Fonts Ninja

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

 

10. JSON Formatter

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

 

11. daily.dev

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

 

12. Dark Reader

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

مع هذه الإضافة يمكنك الانتقال بسهولة من وإلى الوضع المظلم Dark Mode على أي موقع، ويمكنك مسح وإضافة ما تريد من قائمة المهملات Ignore List.

 

13. Githunt

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

تعرض لك هذه الإضافة المشاريع الاكثر شهرة على الجيتهب GitHub في نافذة منفصلة في المتصفح الخاص بك.

 

14. BrowserStack

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

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

 

15. Ghostery

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

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

 

16. React Developer Tools

الأداة الأفضل عند العمل بالمكتبة مفتوحة المصدر الريأكت React JS، تتيح لك الإضافة الاطلاع على المكونات والعناصر في جميع صفحات المشروع الذي تعمل عليه، إذا كنت تعمل بالريأكت فهذه الإضافة مهمة جداً لك.

 

17. Dimensions

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

 

18. UX Check

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

 

19. Web Developer Checklist

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

 

20. Keyframes

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

 

21. Checkbot

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

 

 

لقد انتهينا بحمد الله وفضله من تجميع ٢١ إضافة من أفضل إضافات جوجل كروم Google Chrome، وأتمنى أن تكون قد استفدت من أي اضافة منهم.

ويرجى مشاركة المقال على أي من منصات التواصل الاجتماعي التي تفضل، حتى تعم الفائدة، وبالتوفيق.

Similar Posts

اترك تعليقاً

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