انتقلت المتصفحات الحديثة منذ فترة طويلة من فئة المراقبين البسطاء إلى بيئات العمل الكاملة التي تحتوي على العديد من الأدوات المهمة لكل مطور ويب. في رأيي ، Google Chrome هو متصفح الويب الرائد والأكثر واعدة لأنه سريع للغاية ويوفر الكثير من الميزات. ومع ذلك ، يمكن توسيع وظائفه أكثر من خلال تثبيت المكونات الإضافية الخاصة.
لقد أجرينا مسحًا محليًا بين DesignContest و Vardot محترفون ، وقد أظهر أن حوالي 75٪ من الموظفين يستخدمون Google Chrome للأغراض اليومية ، وكل شخص تقريبًا لديه ملحقات إضافية. في مقالتي السابقة ، قمت بعمل قائمة بأفضل ملحقات Google لمصممي الويب ، واليوم سأتحدث عن الإضافات الأكثر شعبية ومفيدة لمطوري الويب (هذا لا يستبعد حقيقة أنه يمكن استخدام الإضافة من قبل فئتي المهنيين).
IE Tab
لا يحظى Internet Explorer بشعبية بين المطورين لأنه مصدر المشاكل التي لا نهاية لها. ومع ذلك ، فإن الكثير من الناس يتجاهلون هذه الحقيقة ويفضلون هذا المتصفح. في الوقت الحالي ، لا يزال IE من بين القادة.
يقوم IE Tab بتشغيل محرك Internet Explorer مباشرة في واجهة مستخدم Google Chrome ، مما يسمح للمطور بالتصفح بسرعة واكتشاف أوجه القصور في تخطيط موقع الويب. أيضًا ، في بعض الأحيان يكون هناك موقف عكسي عندما يتم عرض الموقع بشكل صحيح في Internet Explorer ولكن لديه بعض المشاكل في Mozilla Firefox أو Google Chrome (يشير بشكل أساسي إلى المواقع القديمة). بالنسبة لمثل هذه المواقع ، يوفر IE Tab وضعًا للتنزيل التلقائي لموقعك على الفور في Internet Explorer ، مع تجنب التنزيل في Chrome.
Eye Dropper
Eye Dropper هو امتداد يسمح لك بالعثور على لون أي عنصر على الصفحة. بالنقر فوق "ماصة" على عنصر ، تتلقى معلومات حول اللون في RGB و HTML-Code.
في الواقع ، هذا الامتداد هو تناظري لأداة Eyedropper في Adobe Photoshop . تسمح لك القطارة بفحص ملف CSS للون معين ؛ ميزة أخرى ملائمة هي أنه يمكنك فتح التخطيط الرسومي للموقع في علامة التبويب التالية وتكوين CSS سريعًا باستخدام Eye Dropper.
Window Resizer
باستخدام هذا الامتداد ، يمكنك اختبار عرض موقع الويب على شاشات بدقة مختلفة. يتم إجراء المضاهاة عن طريق تحديد أحد القرارات المحددة مسبقًا. يتيح لك Window Resizer اختيار أي من أكثر القرارات شيوعًا ، من الكمبيوتر الشخصي والكمبيوتر المحمول إلى الأجهزة المحمولة.
RDS Bar
بعد تثبيته ، ستحصل على شريط أدوات إضافي ، والذي يمكن استخدامه لإجراء تحليل سريع للمؤشرات الأساسية للموقع: الصفحات المفهرسة في محركات البحث الرئيسية ، والعلاقات العامة ، إلخ.
Firebug Lite
Firebug Lite هي أداة رائعة لمطوري الويب ، وهي مدمجة في المتصفح وتوفر ميزات متقدمة لتحرير وتصحيح كود أي صفحة ويب. بشكل افتراضي ، يتم تعطيل Firebug ويتم عرضه باللون الرمادي على اللوحة ، ولكن بمجرد تنشيطه ، سترى جزء الرمز الذي يتوافق مع عنصر موقع الويب الذي نقرت عليه. يمكنك تحريره وعرض التغييرات في الوقت الحقيقي.
BuiltWith Technology Profiler
تحلل الإضافة أي موقع ويب تزوره وتكتشف تقنيات الويب التي تستخدمها ، وصولًا إلى الخدمات المتكاملة مثل عداد FeedBurner وأداة Twitter. إذا كان الموقع موجودًا على WordPress ، فيمكن للتطبيق حتى عرض أسماء المكونات الإضافية الرئيسية المستخدمة.
CSSViewer
إنه مصمم لعرض خصائص CSS المخصصة لعنصر صفحة معين. لاستخدامه ، ما عليك سوى تشغيله بنقرة بسيطة على الرمز ثم ضع المؤشر على أي عنصر صفحة تريد التحقق منه.
HoverZoom +
ملحق مفيد جدًا لأولئك الذين يرغبون في عرض الصور التي تم تغيير حجمها دون الانتقال إلى صفحة منفصلة: فقط قم بتمرير الماوس فوق الصورة وستقوم بتكبيرها إلى الحجم الكامل (ستناسب نافذة المتصفح).
MeasureIt
يتيح لك هذا المكون الإضافي قياس المسافة والحجم (بالبكسل) لأي عنصر في الصفحة. أفاد بعض المستخدمين أنك بحاجة إلى إعادة تشغيل المتصفح لجعل الملحق يعمل.
Advanced REST client
إنها امتداد مفيد للغاية لتقديم طلبات بحث POST و PUT و GET و DELETE ، وتقديم طلبات لخدمات RestFul ، والحصول على استجابات من الخادم ، وأكثر من ذلك بكثير. يمكنك حفظ الطلبات على Google Drive وإعادة إرسالها عند الحاجة.
Minimap
بعض صفحات الويب كبيرة جدًا (على سبيل المثال ، صفحات التمرير الطويلة) التي تحتاج إلى التمرير عشرات المرات للوصول إلى الجزء السفلي. توفر الخريطة المصغرة القدرة على عرض صفحات مثل الصور المصغرة ؛ أي أنك ترى صفحة ويب تم قياسها بشكل ملائم ويمكنها تقييم مكانك بسرعة وكيفية الانتقال إلى المكان الصحيح.
The Great Suspender
واحدة من مشاكل Google Chrome الرئيسية هي الاستخدام المفرط لموارد النظام. يساعد برنامج Great Suspender في حل هذه المشكلة: بعد فترة زمنية معينة ، يعطل جميع علامات التبويب غير المستخدمة ، وبالتالي يوفر ذاكرة الوصول العشوائي وشحن البطارية.
ARC Welder
ARC Welder هو ملحق يمكنه تشغيل تطبيقات Android المفضلة لديك في Google Chrome. إذا لم تجد بديلاً جيدًا لسطح المكتب لتطبيقاتك المفضلة التي تعمل بنظام Android ، فيرجى الترحيب باستخدام ARC Welder ، وهو حل ممتاز لهذه المشكلة.
Highly
إنها واحدة من أكثر الإضافات فعالية لأولئك الذين اعتادوا على العمل مع النص طوال اليوم. في الحياة العادية ، اعتدنا على إبراز أهم اللحظات بعلامة صفراء. على الإنترنت ، يعد Highly بديلاً رائعًا. ما عليك سوى إنشاء ملخص قصير للنص وحفظه أو مشاركته مع الأصدقاء / زملاء العمل!
Taco
Taco هو مدير المهام الذي يجمع بين مهامك من خدمات مثل Highrise و Google Gmail و Google Tasks و GitHub Issues و Exchange و Evernote و Bugzilla و Codebase و Bitbucket و Asana و Basecamp وبعض الخدمات الأخرى في واجهة واحدة. اتضح أنه جيد ، والأهم من ذلك أنه جميل جدًا وسهل الاستخدام.
Better Search
Better Search هو امتداد لـ Google Chrome للبحث بشكل أسرع وأسهل على Google. في الوقت نفسه ، يسمح باستخدام الإمكانيات الحالية لمحركات البحث بشكل أكثر فعالية ، بالإضافة إلى إضافة عدد من ميزاته الفريدة.
كما ترى ، حتى الإضافات المذكورة أعلاه كافية لتبسيط روتين مطور الويب بشكل كبير وتوفير وقته. الأهم هو أن جميع هذه الميزات سيتم دمجها في المتصفح ، وبالتالي لا تحتاج إلى تثبيت أي برامج إضافية.