أفضل إضافات وامتدادات جوجل كروم 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، وأتمنى أن تكون قد استفدت من أي اضافة منهم.
ويرجى مشاركة المقال على أي من منصات التواصل الاجتماعي التي تفضل، حتى تعم الفائدة، وبالتوفيق.