المفتش المستجيب لمتصفح Chrome هو أداة تعليمية رائعة للتصميم سريع الاستجابة

click fraud protection

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

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

instagram viewer

قطة المفتش المستجيب

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

تثبيت المفتش المستجيب من سوق Chrome الإلكتروني

watch instagram story