افضل إضافات متصفح كروم للمطورين ستسهل اعمالك !

افضل إضافات متصفح كروم للمطورين ستسهل اعمالك !

اليك افضل 12 إضافة ستغير مسيرتك كمطور ويب او كمصمم ...

هناك أسباب كثيرة لتفضيل هذا المتصفح للبرمجة ، مثل تأثير قوقل الهائل على اتجاه الويب ،

والميزات المضمنة التي تجعل التطوير أقل إحباطًا ، والعدد الهائل للإضافات المتاحة.

هذه النقطة الأخيرة هي نقطة حاسمة. اعتبارًا من شباط (فبراير) 2018 ، حصل كروم

على أكثر من 60 في المائة من حصة السوق على أجهزة الكمبيوتر المكتبية ،

ولا عجب في أن معظم منشئي محتوى الإضافات يركزون جهودهم على كروم أولاً. ومع ذلك ،

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

iMacros

iMacros هو امتداد يتيح لك أتمتة المهام المتكررة. يمكنك "تسجيل" بعض الإجراءات

(مثل نقرات الماوس والضغط على المفاتيح) ، وحفظها كوحدات ماكرو ،

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

Web Timer

يتتبع جهاز Web Timer مقدار الوقت الذي تقضيه (أو تضيعه) على مواقع ويب مختلفة ،

مما يمكن أن يساعد في الحد من الميل إلى المماطلة. إنه يتتبع فقط عندما يكون Chrome

في بؤرة التركيز ، وهو ذكي بما يكفي لإيقاف التتبع عندما تكون في وضع الخمول.

Awesome Screenshot

Marmoset

Marmoset هي أداة صغيرة ممتعة لإنشاء لقطات ثلاثية الأبعاد من التعليمات البرمجية.

بمجرد التقاط صورة ، يمكنك تدويرها وتحريكها وتقليبها في الأبعاد الثلاثية ، مما يجعلها أكثر إثارة

عندما ترغب في مشاركة مقتطفات. من المفيد أيضًا عند إنشاء صور المخزون

أو الرموز الخفية المستندة إلى التعليمات البرمجية في شفرة المصدر في الصفحة الرئيسية لمشروعك.

Web Developer

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

تمتلئ مطور الويب بالعديد من ميزات الراحة ، بما في ذلك النقر بنقرة واحدة على جافا سكريبت

والمكونات الإضافية ، وتغيير حجم النافذة لاختبار التصميمات سريعة الاستجابة ، واختبار وتصحيح الصور ،

User-Agent Switcher

من بين العديد من إضافات "User-Agent" في سوق كروم الإلكتروني ، تعد هذه من أفضل الإضافات.

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

ولكنه يتيح لك أيضًا إنشاء سلاسل وكلاء مخصصة للمستخدم. إنه الوحيد من النوع الذي يعمل بصحه .

Wappalyze

إذا كنت تريد معرفة أنواع تقنيات الويب التي تعمل على تشغيل موقع معين ،

فإن Wappalyzer سوف يخبرك بنقرة واحدة. إنه ذكي بدرجة كافية لاكتشاف CMSes (مثل WordPress)

وأطر الويب (مثل React) ، والأدوات والأدوات المساعدة (مثل Google Analytics) ،

ومنصات التجارة الإلكترونية (مثل Shopify) ، وغير ذلك الكثير.

WhatFont

WhatFont هي أسرع طريقة لتحديد الخطوط على الويب. هناك شيء واحد ينقر بزر الماوس الأيمن

على عنصر ، حدد "فحص عنصر" ، ثم ابحث في ورقة الأنماط للعثور على ما هو عليه.

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

ولكنه أيضًا يخبرك بكيفية عرض هذا الخط (على سبيل المثال ، Google Fonts ، TypeKit ، إلخ).

ColorPick Eyedropper

ColorPick Eyedropper هي أداة تسمح لك بالتكبير والحصول على رمز اللون الدقيق

لأي بكسل على أي صفحة ويب. رمز اللون متاح في ست عشري ، RGB ، و HSL.

إنها مريحة للغاية ، وأسرع من فحص العناصر لمعرفة الألوان المستخدمة

في ورقة الأنماط ، أو تنزيل الصور واختيار الألوان في محرر الصور.

Lorem Ipsum Generator

عند تطوير موقع ويب ، ستحتاج في النهاية إلى نص زائف. مولدات Lorum سريعه ،

ويمكنك تخصيص عدد الفقرات التي تريدها وعدد الجمل في كل فقرة. ..

Check My Links

في نهاية مشروع تطوير الويب ، ستحتاج إلى إجراء تمرير نهائي على جميع الصفحات الأساسية

للتأكد من عمل جميع الروابط. Check My Links يجعل هذه العملية سهلة قدر الإمكان.

ما عليك سوى النقر على الزر وستفحص جميع الروابط في الصفحة الحالية ،

ثم تظليل كل واحدة منها وفقًا لما إذا كانت مكسورة أو تعمل.

Dimensions

Dimensions هي أكثر من أداة لتصميم الويب من تطوير الويب ، ولكن نظرًا لأن الاثنين يميلان للتداخل،

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

 بما في ذلك النصوص والصور ومقاطع الفيديو وحقول النموذج.

ويمكنه أيضًا قياس المسافة من مؤشر الماوس إلى أي من عناصر الويب المدعومة.