أفضل 19 اضافات كروم لا غنى عنها لكل المصممين 2023

Google Chrome هو بلا شك المتصفح الأكثر شعبية في العالم. من حيث مشاركة المستخدم ، يتفوق Google Chrome على المتصفحات الرئيسية الأخرى مثل Mozilla Firefox و Safari و Opera و Microsoft Edge وما إلى ذلك. في غضون 10 سنوات فقط ، تمكن جوجل كروم من الاستحواذ على أكثر من 65٪ من حصة السوق.

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

أفضل اضافات كروم Chrome لا غنى عنها لكل مستخدم

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

1. ColorZilla

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

2. Site Palette

في المرة التالية التي تصادف فيها موقعًا إلكترونيًا به مجموعة ألوان جميلة وممتعة ، يمكن أن يساعدك هذا المكون الإضافي المبتكر في استخراج لوحة ألوان وإنشاءها بسرعة. كما يسمح لك بتنزيل صور المعاينة للوحة وإنشاء روابط عامة. تم تجهيز لوحة الموقع بتكامل سلس مع coolers.co و Google Art Pallete.

3 Font Face Ninja

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

4. Marmoset

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

5. LambdaTest Screenshots

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

6. Page Ruler

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

7. Dimensions

هناك امتداد رئيسي آخر في هذه الفئة يسمى الأبعاد ، والذي يساعدك في قياس المسافات بين العناصر المختلفة على صفحة الويب. عملها يختلف قليلاً عن مسطرة الصفحة. الأبعاد تقيس المسافة من مؤشر الماوس لأعلى / لأسفل و اليسار / لليمين حتى تصل إلى الحد. وهذا يجعلها أداة مثالية لقياس المسافات بين الصور و حقول الإدخال والأزرار ومقاطع الفيديو وملفات GIF والنصوص والرموز. ميزة أخرى تميز الأحجام هي قدرتها على العمل مع التخطيطات ، وأيضًا إذا أعطاك المصمم تخطيطات تصميم صفحة بتنسيق Jpeg أو PNG ، ضعها في Chrome وستعمل الأحجام دون أي عوائق. شيء واحد يجب ملاحظته حول الأحجام هو أنه قد لا يعمل دائمًا بشكل جيد مع الصور.

8. Check My Links

يمكن القول إن Check My Links هو اضافات جوجل  لمدقق الروابط المعطّل الأقوى والأكثر موثوقية للمطورين والمصممين في مكتبة Chrome. يمر عبر صفحة الويب بأكملها ويفحص كل رابط ويخبر ما إذا كان صالحًا أم لا. يمنحك الامتداد القدرة على نسخ كل رابط معطل إلى الحافظة الخاصة بك ، بنقرة واحدة فقط. يعد تحديد الروابط المعطلة وإصلاحها أمرًا بالغ الأهمية لأي موقع ويب للحصول على مُحسنات محركات بحث فعالة على الصفحة وتجنب العقوبات من برامج الزحف إلى مواقع Google.

9. Clear Cache

يساعد اضافة Clear Cache على مسح ذاكرة التخزين المؤقت إلى جانب بيانات التصفح بنقرة واحدة دون إضاعة الوقت في النوافذ المنبثقة أو مربعات الحوار أو نافذة إعدادات Chrome. بالإضافة إلى ذلك ، يمكنك حتى ضبط مقدار البيانات التي تريد مسحها في إعدادات خيارات الامتداد – ذاكرة التخزين المؤقت للتطبيق ، وذاكرة التخزين المؤقت ، وملفات تعريف الارتباط ، والتنزيلات ، وأنظمة الملفات ، وبيانات النموذج ، والتاريخ ، وقاعدة البيانات المفهرسة ، والتخزين المحلي ، وبيانات البرنامج المساعد ، وكلمات المرور ، و WebSQL. يمكنك حذف ملفات تعريف الارتباط عالميًا أو لمجالات محددة. أحد أكثر اضافات كروم  فائدة للمطورين والمصممين وأي شخص آخر أيضًا.

10. Wappalyzer

واحدة من أكبر العقبات التي يواجهها المطورون عند العثور على الوجه المثير للإعجاب لموقع الويب هو السؤال المثير للاهتمام – ما هي التقنيات التي تم استخدامها لإنشاء هذا الموقع؟ في هذه الحالة ، يأتي Wappalyzer لإنقاذ. الاضافاة المذهل عبارة عن أداة مشتركة بين الأنظمة الأساسية تم إنشاؤها بواسطة Elbert Alias ​​في عام 2009 والتي تكشف عن التقنيات المستخدمة في إنشاء موقع ويب معين. يكتشف تلقائيًا أكثر من 1000 تقنية مثل مولدات الموقع ، والأطر ، والمكتبات ، والمكونات الإضافية ، ونظام إدارة المحتوى ، وقواعد البيانات ، وبرامج الخادم ، والأدوات ، وأدوات التحليل ، وما إلى ذلك. يمكنك استخدام موقع Wappalyzer الإلكتروني أو استخدام الامتداد للاستخدام السريع. أصبح امتداد Chrome هذا للمطورين والمصممين شريان حياة حقيقيًا لإنشاء مواقع ويب جذابة.

11. Ghostery

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

12. JSON Viewer

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

13.Window Resize

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

14. Corporate Ipsum

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

15. Sessions Buddy

يُعد Google Chrome سيئ السمعة في جميع أنحاء العالم بسبب شهيته الكبيرة لاستخدام ذاكرة الوصول العشوائي (RAM) ، والمطورين الذين لديهم أنظمة أبطأ يعانون باستمرار من تجمد الشاشة وتعطلها عند تنفيذ عمليات متعددة. هذا هو السبب في أن الإدارة الفعالة لعلامات التبويب أمر لا غنى عنه ، خاصةً عندما تفقد علامات التبويب التي فتحتها بحثًا عن إلهام التصميم أو تجزئة حل على StackOverflow.

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

 16. CSS Viewer

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

 17.EditThisCookie

يعد EditThisCookie أشهر اضافات  مدير ملفات تعريف الارتباط في مكتبة Chrome مع أكثر من 2.7 مليون مستخدم ، مما يجعله الملك بلا منازع عندما يتعلق الأمر بملفات تعريف الارتباط. تتيح لك هذه الأداة إضافة ملفات تعريف الارتباط وحذفها والبحث فيها وتحريرها وحفظها وحمايتها (للقراءة فقط). بالإضافة إلى ذلك ، يمكنك أيضًا استيراد ملفات تعريف الارتباط بتنسيقات JSON أو cookies.txt. تعد اضافات كروم هذه أحد أكثر اضافات جوجل كروم  فائدة للمطورين والمصممين.

18. Checkbox

Checkbox هو اضافة حائز على جوائز يسمح لك بالتحقق من أكثر من 250 عنوان URL على موقع في نفس الوقت للتحقق من مشكلات تحسين محركات البحث / سرعة الموقع / الأمان مثل الروابط المعطلة وعمليات إعادة التوجيه و HTML / CSS / JS غير الصالحة ونموذج كلمة المرور غير الآمن ، تصغير الملفات والمحتوى المكرر وما إلى ذلك. تجري Checkbox إختبارات استنادًا إلى أكثر من 50 تحسين محركات بحث وأفضل الممارسات الأمنية بناءً على توصيات Google و Mozilla و W3C.

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

 19. Web Developer

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

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