شارك المقال

10 اضافات لمتصفح جوجل كروم للمبرمجين (Chrome Extensions)

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

مقدمة المقال

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

10 اضافات لمتصفح جوجل كروم للمبرمجين (Chrome Extensions)
10 اضافات لمتصفح جوجل كروم للمبرمجين (Chrome Extensions)

الإضافات وأهميتها

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

 أكمل معنا لنتعرف على أفضل الإضافات لمطوري المواقع

1- إضافة Web Developer

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

2- إضافة Lighthouse

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

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

3- إضافة Wappalyzer

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

4- إضافة CSSViewer

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

5- إضافة WhatFont

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

6- إضافة ColorPick Eyedropper

كما شاهدنا في الإضافة السابقة والتي تسمح لنا بمعرفة نوع خطوط الويب بكل سهولة، فإن إضافة ColorPick Eyedropper سوف تساعدك على معرفة لون تصميم على الويب،

7- إضافة Dimensions

 إضافة Dimensions من أفضل إضافات المتصفح لمصممي المواقع، حيث توفر لهم الحصول على أي أبعاد داخل الصفحة بسهولة من مؤشر الماوس في الاتجاهات الأربع الأعلى والأسفل واليمين واليسار وحتى نصل إلى الحافة،

8- إضافة Window Resizer

 تجاوب التصميمات يعتبر من أهم الأشياء التي يبحث عنها كل مصمم ومطور للويب.

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

9- إضافة Lorem Ipsum Generator

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

10- إضافة Check My Links

 إضافة Check My Links، هذه الإضافة يجب عليك استخدامها بعد انتهائك بشكل كامل من التصميم الخاص بك.

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

ميزة هذه الإضافة

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

هل اعجبك المقال؟

وهل لديك اضافات اخرى تعرفها؟

اضف شيئاً جديداً للمقال! من خلال ارسال تعليق أسفل الصفحة

بما أنك قرأت المقالة فبالتأكيد أنت مهتم بالعمل الحر، تابعنا في مؤسسة أسباير زون من خلال الدخول لبوابة

والتواصل معنا، لنسهل عليك الوصول.

مقالات ذات صلة ستعجبك كثيراً….

    عن الكاتب

    فهرسة المقال

    تابعنا على منصات التواصل

    إعلان | أطلب متجرك

    أخر المنشورات

    تابعنا على الفيسبوك

    تابعنا على اليوتيوب

    إعلان | أطلب متجرك

    توضيح

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

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

    أرسل تصحيح

    شاركنا رايك وتقييمك للموضوع

    {{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
    {{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
    {{ options.labels.newReviewButton }}
    {{ userData.canReview.message }}